sheengemologic ui
All components

Callout

Static contextual information, not an urgent live-region announcement.@gemologic/sheen · feedback

Playground

Retention policy
History is retained for 30 days.
<Callout heading="Retention policy" tone="info">History is retained for 30 days.</Callout>

Variant matrix

Callout composition
Retention policy
History is retained for 30 days.
tone: info
Retention policy
History is retained for 30 days.
tone: success
Retention policy
History is retained for 30 days.
tone: warning
Retention policy
History is retained for 30 days.
tone: danger
Retention policy
History is retained for 30 days.

Anatomy

Package
@gemologic/sheen
Source
packages/ui/src/primitives/Notice.tsx
Tokens
  • --sheen-color-info-subtle
  • --sheen-color-info-fg
  • --sheen-color-focus-ring-offset

Accessibility

Role: noteKeyboard: No component-owned keys

Do

  • Use role tokens and preserve the surrounding keyboard order.

Do not

  • Do not use urgent announcements for static explanatory content.

Generated props

NameTypeDefaultDescription
tone"info" | "success" | "warning" | "danger" | undefinedinfoSemantic notice role, independent of the accent preset.
headingstring—Optional visible summary; does not change the document heading outline.
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.