Text renders different text styles. You get the styling through the type prop and you render the element tag with the as prop.
It will default to the span semantically and the body styling.
For information on Typography style and usage guidelines, check out Typography Design Guidelines.
Example
I'm a default body text
Styling types
subtitle visually, semantically p
body text visually, semantically p
caption visually, semantically p
overline visually,semantically p
use this in alerts, semantically p
use this in tables, semantically p
use this in forms, semantically p
use this in quotes: "sorry I'm late, I didn't want to come", semantically p
Common Props
Text includes COMMON and TYPOGRAPHY common props. Read Common Props for details and API. These common props will override component props such as the color.
Component Props
| Prop name | Type | Default | Description |
|---|---|---|---|
| as | String | h2 | sets the HTML tag for the component |
| type | String | h2 | sets styling of component ( body | caption | overline | button | buttonSmall | alert | table | form | quote | subtitle ) |
| theme | Object | Bridge Theme | use to override default bridge theme |