@penaprieto/design-system/dist/components/Select/Select.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Select.css';
import { DropdownOption } from '../Dropdown';
export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
    /** Opciones disponibles en el select */
    options: DropdownOption[];
    /** Id de la opción seleccionada (modo controlado) */
    selectedId?: string;
    /** Id inicial de la opción seleccionada (modo no controlado) */
    defaultSelectedId?: string;
    /** Placeholder a mostrar cuando no hay selección */
    placeholder?: React.ReactNode;
    /** Label visible encima del select */
    label?: React.ReactNode;
    /** Descripción dentro del campo, debajo del valor */
    description?: React.ReactNode;
    /** Texto de ayuda debajo del select */
    helperText?: React.ReactNode;
    /** Icono opcional a la izquierda del valor */
    leadingIcon?: React.ReactNode;
    /** Marca el select como deshabilitado */
    disabled?: boolean;
    /** Marca el select como error para estilos */
    error?: boolean;
    /** Callback cuando cambia la opción seleccionada */
    onChange?: (id: string, option: DropdownOption | undefined) => void;
}
export declare const Select: React.FC<SelectProps>;
//# sourceMappingURL=Select.d.ts.map