Text

The main component for handling typography in our interfaces. Renders as a span tag by default.

import { Text } from '@semcore/ui/typography';
<Text />;

NSText.Props

& & ( {formatTags?: boolean; ellipsis?: never; ellipsisProps?: never; hint?: never; hintProps?: never } | ( {formatTags?: never } & & ))

List

A list rendered with the ul tag. You can set a custom marker for all list items.

import { List } from '@semcore/ui/typography';
<List />;

INFO

The size property of this component only accepts the values 100, 200, and 300.

NSList.Props

& {...}

Name	Type	Description
marker		Marker of the entire list

List.Item

A list item rendered with the li tag. You can set a custom marker and customize the content using <List.Item.Content />.

import { List } from '@semcore/ui/typography';
<List.Item />;
<List.Item.Content />;

NSList.Item.Props

& {...}

Name	Type	Description
marker		Individual marker of a list item

NSList.Item.Content.Props

Blockquote

A component for displaying quoted text.

import { Blockquote } from '@semcore/ui/typography';
<Blockquote />;

NSBlockquote.Props

& {...}

Name	Type	Description
author		Source of the quote