Skip to content
Telescope
Components

Text

A primitive component that can be used to create all kinds of text styles.
I just love me some company expenses.

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.

Paragraphs

We use the medium-default variant for regular copy. When doing so, we usually render a p tag.

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.

Skeleton

Use a "skeleton" version of this component to display a loading state 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.
On this page