@yarcl/react
    Preparing search index...

    Interface ComponentTokenProps

    Token props each component accepts in components. A component's defaults can only set props it actually has.

    interface ComponentTokenProps {
        Accordion: "color" | "radius" | "size";
        Alert: "color" | "radius" | "gap" | "padding" | "textStyle" | "variant";
        AppLayout: "padding";
        Avatar: "color" | "radius" | "size" | "variant";
        AvatarGroup: "color" | "radius" | "size" | "variant";
        Badge: "color" | "radius" | "size" | "variant";
        Breadcrumb: "color" | "textStyle";
        Button: "color" | "radius" | "size" | "variant";
        Card: "radius" | "shadow" | "padding";
        Checkbox: "color" | "size";
        ColorPicker: "color" | "radius" | "size";
        Combobox: "color" | "radius" | "size";
        CommandPalette: "color" | "radius" | "size";
        DatePicker: "color" | "radius" | "size" | "variant";
        Dialog: "radius" | "size";
        Drawer: "size";
        EmptyState: "color" | "gap" | "padding" | "textStyle";
        Grid: "gap";
        HoverCard: "radius" | "padding";
        IconButton: "color" | "radius" | "size" | "variant";
        Inline: "gap";
        Input: "color" | "radius" | "size";
        Label: "color" | "radius" | "size" | "textStyle" | "variant";
        Link: "color";
        Listbox: never;
        Menu: "size";
        NavSection: "gap" | "textStyle";
        NumberInput: "color" | "radius" | "size";
        Pagination: "color" | "radius" | "size" | "variant" | "selectedVariant";
        Popover: "radius" | "padding";
        Progress: "color" | "radius" | "size";
        Radio: "color" | "size";
        Select: "color" | "radius" | "size";
        Skeleton: "radius" | "size";
        Slider: "color" | "radius" | "size";
        Spinner: "color" | "size";
        SplitButton: "color" | "radius" | "size" | "variant";
        SplitPane: "color" | "radius" | "size";
        Stack: "gap";
        Stepper: "color" | "radius" | "size" | "gap";
        Switch: "color" | "size";
        Table: "radius" | "density";
        Tabs: "color" | "size";
        Text: "color" | "textStyle";
        Textarea: "color" | "radius" | "size";
        Toast: "color" | "radius" | "gap" | "padding" | "textStyle";
        ToggleGroup: "color" | "radius" | "size" | "variant" | "selectedVariant";
        Tooltip: "radius" | "padding" | "textStyle";
        TreeView: "color" | "radius" | "size";
    }
    Index
    Accordion Alert AppLayout Avatar AvatarGroup Badge Breadcrumb Button Card Checkbox ColorPicker Combobox CommandPalette DatePicker Dialog Drawer EmptyState Grid HoverCard IconButton Inline Input Label Link Listbox Menu NavSection NumberInput Pagination Popover Progress Radio Select Skeleton Slider Spinner SplitButton SplitPane Stack Stepper Switch Table Tabs Text Textarea Toast ToggleGroup Tooltip TreeView
    Accordion: "color" | "radius" | "size"
    Alert: "color" | "radius" | "gap" | "padding" | "textStyle" | "variant"
    AppLayout: "padding"
    Avatar: "color" | "radius" | "size" | "variant"
    AvatarGroup: "color" | "radius" | "size" | "variant"
    Badge: "color" | "radius" | "size" | "variant"
    Breadcrumb: "color" | "textStyle"
    Button: "color" | "radius" | "size" | "variant"
    Card: "radius" | "shadow" | "padding"
    Checkbox: "color" | "size"
    ColorPicker: "color" | "radius" | "size"
    Combobox: "color" | "radius" | "size"
    CommandPalette: "color" | "radius" | "size"
    DatePicker: "color" | "radius" | "size" | "variant"
    Dialog: "radius" | "size"
    Drawer: "size"
    EmptyState: "color" | "gap" | "padding" | "textStyle"
    Grid: "gap"
    HoverCard: "radius" | "padding"
    IconButton: "color" | "radius" | "size" | "variant"
    Inline: "gap"
    Input: "color" | "radius" | "size"
    Label: "color" | "radius" | "size" | "textStyle" | "variant"
    Link: "color"
    Listbox: never
    Menu: "size"
    NavSection: "gap" | "textStyle"
    NumberInput: "color" | "radius" | "size"
    Pagination: "color" | "radius" | "size" | "variant" | "selectedVariant"
    Popover: "radius" | "padding"
    Progress: "color" | "radius" | "size"
    Radio: "color" | "size"
    Select: "color" | "radius" | "size"
    Skeleton: "radius" | "size"
    Slider: "color" | "radius" | "size"
    Spinner: "color" | "size"
    SplitButton: "color" | "radius" | "size" | "variant"
    SplitPane: "color" | "radius" | "size"
    Stack: "gap"
    Stepper: "color" | "radius" | "size" | "gap"
    Switch: "color" | "size"
    Table: "radius" | "density"
    Tabs: "color" | "size"

    Text

    Text: "color" | "textStyle"
    Textarea: "color" | "radius" | "size"
    Toast: "color" | "radius" | "gap" | "padding" | "textStyle"
    ToggleGroup: "color" | "radius" | "size" | "variant" | "selectedVariant"
    Tooltip: "radius" | "padding" | "textStyle"
    TreeView: "color" | "radius" | "size"

    Settings
    Member Visibility

    On This Page
    Properties