A primitive component that can be used to create all kinds of text styles.
Features
- Can render as any HTML element or component.
- Applicable for both paragraphs, headings and label.
- Doesn't add spacing around itself.
Examples
Headings
For headings, and to group information, we typically use the large-accent and xlarge-accent - 5xlarge-accent variants.
Keeping your data secure is our priority
We only use the receipt that matches your expense. And we never store your emails on our servers. Don't just take our word for it – we've even been audited to ensure this.
Paragraphs
We use the medium-default variant for regular copy. When doing so, we usually render a p tag.
Issue Pleo’s smart company cards with individual spending limits. Your team can buy what they need, while we sort the paperwork automatically.
Labels and subtitles
The small-subtle variant is typically used for labels within forms and input fields, but can also be used as subtitles in groups of information.
Your transfer limit is 12,345.67 USD
Skeleton
The skeleton property is used to display a loading state for the component while data is being fetched. It provides a visual placeholder, giving users a preview of the UI structure before the actual content is loaded. This enhances the user experience by offering a more accurate representation of the final layout during data retrieval.
Related components
- List: A set of text objects in a bulleted or numbered format.