3.1.0-alpha.47d16c13 • Published 7 years ago

@crave/farmblocks-text v3.1.0-alpha.47d16c13

Weekly downloads
2,238
License
MIT
Repository
github
Last release
7 years ago

logo-farmblocks

Farmblocks-Text

React components for displaying text. See Storybook

Design spec

See it on zeplin: Title Default Paragraph

Usage

You can combine the text props to create a full customizable text page.

import React from 'react';
import { render } from 'react-dom';

import Text from '@crave/farmblocks-text';
import {fontSizes, fontTypes} from '@crave/farmblocks-theme';

const App = () => (
  <div>
    <Text title
          size={fontSizes.HUGE}
          type={fontTypes.FEATURED}>
      Content title
    </Text>

    <Text size={fontSizes.LARGE}
          type={fontTypes.NEUTRAL}
          lineHeight={2.5}>
      This is a normal text that can be used as a subtitle
    </Text>

    <Text paragraph
          size={fontSizes.MEDIUM}
          type={fontTypes.NORMAL}
          align='justify'>
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.
    </Text>
  </div>
);

render(<App />, document.getElementById('root'));

This code will render this:

image

API

See it in the source

Also see the predefined font sizes and types available on farmblocks-theme package

License

MIT

3.6.11

4 years ago

3.6.10

5 years ago

3.6.7

5 years ago

3.6.6

5 years ago

3.6.5

5 years ago

3.6.4

5 years ago

3.6.3

5 years ago

3.6.2

6 years ago

3.6.1

6 years ago

3.6.0

6 years ago

3.5.3

6 years ago

3.5.2

6 years ago

3.5.1

6 years ago

3.5.0

6 years ago

3.4.3

6 years ago

3.4.2

6 years ago

3.4.1

7 years ago

3.4.0

7 years ago

3.3.3

7 years ago

3.3.2

7 years ago

3.3.2-alpha.26

7 years ago

3.3.1

7 years ago

3.3.0

7 years ago

3.2.2-alpha.1

7 years ago

3.2.1

7 years ago

3.2.1-alpha.13

7 years ago

3.2.1-alpha.12

7 years ago

3.2.0

7 years ago

3.1.2

7 years ago

3.1.1

7 years ago

3.1.0

7 years ago

3.0.1

7 years ago

3.0.0

7 years ago

2.0.1

7 years ago

2.0.0

8 years ago

1.2.0

8 years ago

1.1.10

8 years ago

1.1.9

8 years ago

1.1.8

8 years ago

1.1.7

8 years ago

1.1.6

8 years ago

1.1.5

8 years ago

1.1.4

8 years ago

1.1.3

8 years ago

1.1.2

8 years ago

1.1.1

8 years ago

1.1.0

8 years ago