Skip to contentSkip to navigationSkip to topbar
Figma
Star

Detail Text

Peer review pending

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

Version 3.1.0
Github

Installation

Installation page anchor
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>;

DetailText

DetailText page anchor

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'