Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

typography

v4.15.0arrow_drop_down
v4.15.0
STATUS
Passing
DOWNLOADS
435
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
A year ago
SIZE
N/A
Heading, Text, Paragraph, Link, Strong, Small, Pre, Code. List components: OrderedList, UnorderedList, ListItem.
1 contributor
Install typography as a package?
Copied
npm i @bit/segmentio.evergreen.typography
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

Composes the Box component as the base.

Size of the text style. Can be: 300, 400, 500.

Font family. Can be: ui, display or mono or a custom font family.

Theme provided by ThemeProvider.

Small can only be used inside of Text or Paragraph.

Composes the Box component as the base.

Size of the text style. Can be: 300, 400, 500, 600.

Font family. Can be: ui, display or mono or a custom font family.

Theme provided by ThemeProvider.

Properties
NameTypeDefault valueDescription
appearance
'default' | 'minimal''default'

The appearance of the code.

theme
(required)
object

Theme provided by ThemeProvider.

className
string

Class name passed to the button. Only use if you know what you are doing.

size
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900500

The size of the heading.

marginTop
bool | number | string

Pass default to use the default margin top for that size.

theme
(required)
object

Theme provided by ThemeProvider.

rel
string

This attribute names a relationship of the linked document to the current document. Common use case is: rel="noopener noreferrer".

href
string

Specifies the URL of the linked resource. A URL might be absolute or relative.

target
string

Target atrribute, common use case is target="_blank."

color
string'default'

The color (and styling) of the Link. Can be default, blue, green or neutral.

theme
(required)
object

Theme provided by ThemeProvider.

className
string

Class name passed to the link. Only use if you know what you are doing.

icon
string

When passed, adds a icon before the list item. See Evergreen Icon for documentation.

iconColor
string

The color of the icon.

size
300 | 400 | 500 | 600400

Size of the text used in a list item. Can be: 300, 400, 500, 600.

size
300 | 400 | 500 | 600400

Size of the text used in a list item. Can be: 300, 400, 500, 600.

icon
string

When passed, adds a icon before each list item in the list You can override this on a individual list item.

iconColor
string

The color of the icon in each list item in the list.