Empty

@sushindustries/ui

Nothing, said properly: what is missing, why that is fine, and what to do next - in that order, quietly.

4 min read
View as MarkdownEdit on GitHub

The order is the point

Title, then why, then what to do - in that order, because that is the order a reader actually needs them in. title states what is missing without apologising for it; children is the reason it is fine, not a restatement of the title; action is the one way out, not a list of options.

When not to use it

A genuine error - a failed request, a broken permission - is not an empty state. EmptyEmptyNothing, said properly: what is missing, why that is fine, and what to do next - in that order, quietly.@sushindustries/ui · content says "there is nothing here yet, and that is expected"; a failure needs to say it failed, which this component has no vocabulary for.

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