Badge.
Status in a few words.
LIVE PREVIEWTry it. It works.
DraftIn progressReadyReviewFailed
Usage
<Badge tone="success">Ready</Badge>
<Badge tone="warning">Review needed</Badge>Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.
API & behaviour
tone: neutral | accent | success | warning | danger. Always include a text label so status does not depend on colour alone.
Notes to self
Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.