Cells

Vertically organized groups of information optimized for reading comprehension and to take actions.

https://www.figma.com/design/JlsXcbEQZyWfAJCGvSDVv4/Torii-by-SUGOI?node-id=2153-27227&t=CqZyz2QVDsjDwlP6-1www.figma.com

Link to Cell component in Figma

Specs

Anatomy

Variants

Cell Default

Cell Image

Cell Person

Cell Groups

Cell Create Drawer

Layout and spacings

Top padding

Vertical spacing between Content and Divider

Horizontal spacing between Content and Trailing

Horizontal spacing between Content and Leading

Icon container paddings

Vertical spacing between Title and Subtitle

Spacing between Cells

When placing Cells in a vertical column, leave 0px of spacing between them. Cells already have a default 12px top padding, therefore they dont need any extra spacing between them when placed together vertically.

Changelog