UI Lab

    Tooltip

    Explore different variants and configurations of the Tooltip component.

    Install with:
    npx afnoui add tooltip/tooltip-basic
    Basic Tooltips
    Install with:
    npx afnoui add tooltip/tooltip-arrows
    Arrow Tooltips
    Install with:
    npx afnoui add tooltip/tooltip-positions
    Tooltip Positions
    Install with:
    npx afnoui add tooltip/tooltip-styled
    Styled Tooltips
    Install with:
    npx afnoui add tooltip/tooltip-rich-content
    Rich Content Tooltips
    Install with:
    npx afnoui add tooltip/tooltip-toolbar
    Interactive Toolbar
    Install with:
    npx afnoui add tooltip/tooltip-shortcuts
    Keyboard Shortcuts
    Install with:
    npx afnoui add tooltip/tooltip-status-indicators
    Status Indicator Tooltips
    Online
    Degraded
    Offline