Item

@sushindustries/ui

One row of a list: tile, title, description, meta - the nav panel's anatomy, extracted for reuse.

5 min read
View as MarkdownEdit on GitHub

Props

PropTypeDefaultDoes
titlestring-
description?string-One line under the title.
meta?string-Right-aligned, in the label style.
icon?IconName-Draws the tile at the left. Without it the row starts at the title.
tone?string-Colour family for the tile, resolved by the stylesheet. Does nothing without iconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content.
href?string-Renders the row as a link.

Notes

title, description and meta are all truncated with an ellipsis rather than wrapped - a row is one line, always, whatever the container width. Set href and the whole row becomes the link; there is no way to make only part of the row - just the title, say - clickable without href on the row as a whole.

UsesIconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content