Figma
Star462

Detail Text

Version 3.1.0GithubStorybookPeer review pending

Detail text is typography used for short pieces of secondary text content.

yarn add @twilio-paste/detail-text - or - yarn add @twilio-paste/core
import {DetailText} from '@twilio-paste/core/detail-text';

const Component = () => <DetailText>This is my detail text.</DetailText>;

as

The HTML tag to render the Detail Text as

Type
keyof IntrinsicElements
Default
'div'

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
string
Default
'DETAIL_TEXT'

marginTop

The marginTop of the DetailText. Currently we only allow space0 to remove top margin.

Type
"space0" | "space30"
Default
'space30'

To help us improve this site, we use tools that set cookies. The data gathered by these tools is anonymized. If you reject the use of cookies, no analytics service will be initiated.