@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
21 lines • 808 B
TypeScript
import React from 'react';
import './Dropdown.css';
export interface DropdownOption {
id: string;
label: React.ReactNode;
disabled?: boolean;
}
export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
/** Opciones a mostrar en el dropdown */
options: DropdownOption[];
/** Id de la opción seleccionada (modo controlado) */
selectedId?: string;
/** Id inicial de la opción seleccionada (modo no controlado) */
defaultSelectedId?: string;
/** Deshabilita todas las opciones del dropdown */
disabled?: boolean;
/** Callback cuando cambia la opción seleccionada */
onChange?: (id: string, option: DropdownOption) => void;
}
export declare const Dropdown: React.FC<DropdownProps>;
//# sourceMappingURL=Dropdown.d.ts.map