Skip to content

Input

component

A text field; any attribute reaches the element.

Preview

Light

Code
<twig:Input type="email" name="email" />

Dark

Code
<twig:Input type="email" name="email" />

Installation

php bin/console ux:install input --kit=github.com/parler-haut-interagir-librement/ux-kit

Accessibility

Name it with a Label.

Files to copy

templates/components/Input.html.twig
<input data-slot="{{ attributes.render('data-slot')|default('input') }}"{{ attributes }}>