Datalayer VS Code Extension - v0.0.9
    Preparing search index...

    Interface BaseToolbarProps

    Props for the BaseToolbar component. Supports flexible layout with left content, actions, and right content areas.

    interface BaseToolbarProps {
        actions?: ToolbarAction[];
        className?: string;
        disabled?: boolean;
        estimatedButtonWidth?: number;
        leftContent?: ReactNode;
        renderAction?: (action: ToolbarAction) => ReactNode;
        reservedLeftWidth?: number;
        reservedRightWidth?: number;
        rightContent?: ReactNode;
        showScrollShadow?: boolean;
        sticky?: boolean;
    }
    Index

    Properties

    actions? className? disabled? estimatedButtonWidth? leftContent? renderAction? reservedLeftWidth? reservedRightWidth? rightContent? showScrollShadow? sticky?

    Properties

    actions?: ToolbarAction[]

    Toolbar actions with priority-based ordering (lower priority = shown first)

    className?: string

    Additional CSS class names

    disabled?: boolean

    Whether actions are disabled

    estimatedButtonWidth?: number

    Estimated width per button for overflow calculation (default: 80px)

    leftContent?: ReactNode

    Custom rendered left content (rendered before actions)

    renderAction?: (action: ToolbarAction) => ReactNode

    Function to render action buttons (allows custom rendering)

    reservedLeftWidth?: number

    Reserved width for left content (default: 0)

    reservedRightWidth?: number

    Reserved width for right content (default: calculated from rightContent)

    rightContent?: ReactNode

    Right-aligned toolbar content (runtime controls)

    showScrollShadow?: boolean

    Whether to show a shadow when content is scrolled

    sticky?: boolean

    Whether the toolbar should stick to the top

    Settings

    Member Visibility

    On This Page

    Properties