SheetXL - v0.8.0-beta.9+sites.210.e2d420901
    Preparing search index...

    Interface RoundedTabProps

    interface RoundedTabProps {
        clipInset?: {
            bottom?: number;
            left?: number;
            right?: number;
            top?: number;
        };
        radius?: number;
        strokeColor?: string;
        strokeWidth?: number;
        variant?: "tab"
        | "rounded";
    }

    Hierarchy

    • HTMLAttributes<HTMLElement>
      • RoundedTabProps
    Index
    clipInset? radius? strokeColor? strokeWidth? variant?
    clipInset?: { bottom?: number; left?: number; right?: number; top?: number }

    Inset (px) of the 'rounded' clip from each edge of the container. Lets the clip line up with an inset pill so a ripple stays within the pill.

    radius?: number
    strokeColor?: string
    strokeWidth?: number
    variant?: "tab" | "rounded"

    The clip applied to the child (which also shapes any ripple drawn inside it).

    • 'tab' — the inverted, open-top tab outline (Excel/Chrome style).
    • 'rounded' — a plain rounded rectangle, optionally inset via clipInset so it can match an inset "pill" background.
    'tab'

    Settings
    Member Visibility

    On This Page
    Properties