Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Icon

    Draws a glyph from the registered icon set; it is decorative and hidden from screen readers unless it has a label.

    Storybook
    Storybook
    Source
    Source

    Added

    • First release: 55 icons from the @bigbang/icons registry (lucide-react 1.59.0, ISC); an unknown name is a type error.
    • size: xs 12, sm 16, md 20 (default), lg 24, xl 32 px (icon-size-*) and inherit, which fills the parent box.
    • tone: current (default), default, subtle, inverse, brand, danger, success, warning, info, disabled (color-icon-*).
    • label: role="img" and aria-label; without it the icon is decorative with aria-hidden.
    • Icons that follow the reading direction (arrows, chevrons, external-link, log-out) flip horizontally under dir="rtl".
    • data-component="icon" and data-icon attributes.