Running text in a tier of the type scale
Text sets body copy, helper copy, captions and amounts in the type scale. It carries the status roles for a message of that kind, truncates or clamps, and switches to tabular figures so a column of amounts lines up.
Tiers
Paragraph: payouts arrive two business days after a payment clears.
Paragraph emphasis
Paragraph small: helper copy and table cells.
Caption: the smallest notes.
Overline
sk_test_51H8
Tones
We use this address for receipts and security alerts.
Changes saved.
Your trial ends in 3 days.
The card was declined.
Amounts and truncation
Acme Logistics, 4 Harbour Road, Unit 12, Portside Industrial Estate, Harbourside
Customer asked to move delivery to the afternoon slot, and confirmed by phone that the loading dock can take a long-wheelbase van after two o’clock on weekdays.
// From the npm package
import { Text } from 'rift-ds/components/Text/Text';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/text.json