KKoyo UI
Koyo catalog

Koyo Alert

DraftKoyo-owned

Koyo Alert documents inline feedback, severity messaging, and product notification content.

Variants
Implemented variants and confirmed Figma notes; uncertain mapping details stay explicit.
DefaultDestructiveWith iconTitle and descriptionCompact
Token Notes
Token decisions that should stay visible while the catalog is migrated.
  • Figma Alert variants include Neutral and Error types.
  • Figma booleans include Show Line 2, Show Icon, Show Button, and Flip Icon.
  • Icon color should inherit currentColor so severity is controlled by the alert variant.
  • Description text should keep the muted hierarchy unless the severity variant intentionally overrides it.
Code Targets
Files the docs entry points at today, ready for later catalog linking.
  • Source

    Alert source

    src/components/ui/alert.tsx
  • Metadata

    Koyo metadata

    src/config/koyo-components.ts
Figma Mapping
Base/store nodes are reference only. The Koyo component is the docs and implementation target.
Page
Alert (842:44439)
Base/store reference
Frame Alert (8:283), component set Alert (58:5416)
Koyo-owned target
Second Alert frame (3455:11897), component set Alert (3455:11903)
Confidence
high
PreviousKoyo Card
NextKoyo Accordion