Styles

Using this Component

Text blocks are the standard component for displaying text content.


Styles

Text blocks can take on many different styles to flexibly suit its content and context.


Content

If the text block content is not user generated, be sure it follows the appropriate voice & tone guidelines. Text should be kept as succinct as possible.


Alternatives

For displaying SQL code, use UISQLSnippet

Structure

Behavior

Text blocks often not interactive at all. Sometimes, they may contain text links or expand/collapse actions.


Truncation & Expansion

Text blocks may be truncated, with an optional “Show more” button to allow for expansion of full content.

Playground Coming Soon!

Styles

Using this Component

Text blocks are the standard component for displaying text content.


Styles

Text blocks can take on many different styles to flexibly suit its content and context.


Content

If the text block content is not user generated, be sure it follows the appropriate voice & tone guidelines. Text should be kept as succinct as possible.


Alternatives

For displaying SQL code, use UISQLSnippet

Structure

Behavior

Text blocks often not interactive at all. Sometimes, they may contain text links or expand/collapse actions.


Truncation & Expansion

Text blocks may be truncated, with an optional “Show more” button to allow for expansion of full content.