diff --git a/src/lib/components/Title.js b/src/lib/components/Title.js new file mode 100644 index 0000000000000000000000000000000000000000..4bb7ee279284c7c697340b2753eea980451cf605 --- /dev/null +++ b/src/lib/components/Title.js @@ -0,0 +1,9 @@ +import styled from 'styled-components' +import { grey } from '../assets/colors' + +const Title = styled.div` + color: ${grey}; + font-size: 25px; +` + +export default Title diff --git a/src/lib/index.js b/src/lib/index.js index 42b7bb3ae674d096109c3b63c1921814d3757c6d..dadb39685913f7e8b860c7ba22fb8167f418d0ad 100644 --- a/src/lib/index.js +++ b/src/lib/index.js @@ -7,6 +7,7 @@ import LensImage from './components/LensImage' import PinImage from './components/PinImage' import Image from './components/Image' import LingualaIcon from './components/Icons/LingualaIcon' +import Title from './components/Title' import Text from './components/Text' import TextBox from './components/TextBox' import Button from './components/Button' @@ -59,6 +60,7 @@ export { Shadow, Text, TextBox, + Title, ThemeProvider, theme, colors, diff --git a/src/stories/text.js b/src/stories/text.js index cb86af3b4ea280502315704d64b45f91d358f912..66f92b166a5c223ccf18f9c7bdcac2be23f388be 100644 --- a/src/stories/text.js +++ b/src/stories/text.js @@ -2,9 +2,13 @@ import React from 'react' import { storiesOf } from '@storybook/react' import { Text, + Title, } from '../lib' storiesOf('Experimental/Styled Text', module) .add('default styled component', () => ( <Text>Hello world!</Text> )) + +storiesOf('Atom/Text', module) + .add('Title', () => (<Title>Wonder of the worlds</Title>))