@firecms/ui/dist/components/ToggleButtonGroup.d.ts

Awesome Firebase/Firestore-based headless open-source CMS

import React from "react";
export type ToggleButtonOption<T extends string = string> = {
    value: T;
    label: string;
    icon?: React.ReactNode;
    disabled?: boolean;
};
export type ToggleButtonGroupProps<T extends string = string> = {
    /**
     * Currently selected value
     */
    value: T;
    /**
     * Callback when value changes
     */
    onValueChange: (value: T) => void;
    /**
     * Options to display
     */
    options: ToggleButtonOption<T>[];
    /**
     * Additional class names for the container
     */
    className?: string;
};
/**
 * A toggle button group component for selecting one option from a set.
 * Displays options as buttons in a horizontal row with active state styling.
 */
export declare function ToggleButtonGroup<T extends string = string>({ value, onValueChange, options, className }: ToggleButtonGroupProps<T>): React.JSX.Element;