@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
20 lines • 806 B
TypeScript
import React from 'react';
import './TextField.css';
export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
/** Label del campo */
label?: string;
/** Texto de ayuda debajo del input */
helperText?: string;
/** Icono leading (izquierda) - nombre del sprite */
leadingIcon?: string;
/** Contenido trailing (derecha) - ReactNode para botones, iconos, etc. */
trailingContent?: React.ReactNode;
/** Estado de error */
error?: boolean;
/** Mostrar contador de caracteres */
showCharacterCount?: boolean;
/** Callback de cambio explícito */
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
}
export declare const TextField: React.FC<TextFieldProps>;
//# sourceMappingURL=TextField.d.ts.map