Hiyve Components - v1.0.0
    Preparing search index...

    Interface ControlBarStyles

    Style configuration for ControlBar layout and sizing.

    Controls spacing, button sizes, animations, and menu positioning.

    import { defaultStyles } from '@hiyve/react-ui';

    // Compact control bar
    const compactStyles: Partial<ControlBarStyles> = {
      gap: 8,
      padding: 8,
      buttonSize: 'small',
    };

    <ControlBar styles={compactStyles} />
    interface ControlBarStyles {
        autoHide: AutoHideConfig;
        borderRadius: number;
        buttonSize: "small" | "medium" | "large";
        durationMinWidth: number;
        gap: number;
        menuAnchorOrigin: PopoverOrigin;
        menuTransformOrigin: PopoverOrigin;
        padding: number;
        pulseAnimation: ControlBarAnimationConfig;
    }
    Index

    Properties

    autoHide borderRadius buttonSize durationMinWidth gap menuAnchorOrigin menuTransformOrigin padding pulseAnimation

    Properties

    autoHide: AutoHideConfig

    Configuration for the auto-hide slide-down animation

    borderRadius: number

    Border radius of the control bar container

    buttonSize: "small" | "medium" | "large"

    Size preset for icon buttons

    durationMinWidth: number

    Minimum width for the recording duration display

    gap: number

    Gap between buttons in pixels

    menuAnchorOrigin: PopoverOrigin

    Anchor origin for dropdown menus

    menuTransformOrigin: PopoverOrigin

    Transform origin for dropdown menus

    padding: number

    Padding around the control bar in pixels

    pulseAnimation: ControlBarAnimationConfig

    Configuration for the recording pulse animation

    Settings

    Member Visibility

    On This Page

    Properties