Search

Campo de búsqueda

Entrada de búsqueda con icono, botón de limpiar y tamaños sm / md / lg. Mismo comportamiento en Angular y Vue.

Angular

Vue

Buscar

La × limpia el campo

Pequeño (sm)

Grande (lg)

<flt-search
  label="Buscar"
  placeholder="Escribe para filtrar…"
  helpText="La × limpia el campo"
  [(value)]="search"
/>

<!-- Tamaños -->
<flt-search label="Pequeño" size="sm" />
<flt-search label="Grande" size="lg" />

<FltSearchInput
  v-model="search"
  label="Buscar"
  placeholder="Escribe para filtrar…"
  help-text="La × limpia el campo"
/>

<!-- Tamaños -->
<FltSearchInput label="Pequeño" size="sm" />
<FltSearchInput label="Grande" size="lg" />