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

    Interface CustomToolbarFilter

    Custom filter dropdown configuration for toolbar.

    const classroomFilter: CustomToolbarFilter = {
      id: 'classroom',
      label: 'Classroom',
      value: 'all',
      options: [
        { value: 'all', label: 'All classrooms' },
        { value: 'piano-room', label: 'Piano Room' },
      ],
      onChange: (value) => setFilterRoom(value),
    };

    <FileManager customFilters={[classroomFilter]} />
    interface CustomToolbarFilter {
        disabled?: boolean;
        id: string;
        label: string;
        minWidth?: number;
        onChange: (value: string) => void;
        options: { label: string; value: string }[];
        value: string;
    }
    Index

    Properties

    disabled? id label minWidth? onChange options value

    Properties

    disabled?: boolean

    Whether filter is disabled

    id: string

    Unique identifier for this filter

    label: string

    Dropdown label

    minWidth?: number

    Minimum width in pixels

    120
    onChange: (value: string) => void

    Called when selection changes

    options: { label: string; value: string }[]

    Available options

    value: string

    Current selected value

    Settings

    Member Visibility

    On This Page

    Properties