Componente

Input Text

Campo de texto con soporte de icono, máscara, validación inline y estados disabled/readonly.

{% comp_input_text ... %}

Código a utilizar

template.html
{% comp_input_text name="email" label="Correo Electrónico" placeholder="usuario@empresa.com" type="email" value="" icon="UserIcon" %}

Vista previa en vivo

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
name
Nombre del icono Heroicons v2 — ver todos
None
label
''
required
False
placeholder
''
type
Tipo técnico del elemento HTML
'text'
value
''
icon
None
mask
None
validation
None
classes
''
readonly
False
disabled
False

Carga la librería con {% load components_ui %} antes de usar el componente.