Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
__snapshots__
__tests__
README.md
Text.stories.js
consts.js
index.js
index.js.flow

README.md

Text

To implement Text component into your project you'll need to add the import:

import Text from "@kiwicom/orbit-components/lib/Text";

After adding import into your project you can use it simply like:

<Text>Hello World!</Text>

Props

Table below contains all types of the props available in the Text component.

Name Type Default Description
align enum "left" The align of the Text.
children React.Node The content of the Text.
dataTest string Optional prop for testing purposes.
element enum "p" The element used for the root node.
italic boolean false If true, the Text will be in italic style.
size enum "normal" The size of the Text.
spaceAfter enum Additional margin-bottom after component. See this docs
type enum "primary" The color type of the Text.
uppercase boolean false If true, the Text will be in uppercase style.
weight enum "regular" The weight of the Text.

enum

type align element size weight
"attention" "left" "p" "small" "normal"
"primary" "center" "span" "normal" "bold"
"secondary" "right" "div" "large"
"info"
"success"
"warning"
"critical"
"white"