TRMNL Design System

Background

Background patterns

Border

Element borders

Gap

Spacing utilities

Size

Width and height utilities

Image

Dithered Image

View

Layout & Title Bar

Layout

Layout and column structures

Title Bar

Title Bar

Columns

Smart columns

Grid

Grid system

Flex

Flex system

Text

Text

Clamp

Text clamp

Title

Title

Description

Description

Label

Label components

Value

Value display components

Item

Item components

Table

Table components

Chart

Chart components

Overflow Management

Items Overflow management

Value Formatting

Dynamic number formatting