Sistema de diseño
Search field
Es un elemento de interfaz que permite a los usuarios ingresar términos para encontrar contenido específico en una aplicación, sitio web o conjunto de datos.
Figma
Storybook
AEM
Overview
El componente search field, también conocido como campo de búsqueda, consiste en un campo de entrada de texto donde los usuarios pueden escribir los términos de búsqueda que desean buscar.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Eliene variantes por estado de interacción.
Variantes según estado
Nombre
Descripción / Uso
Ejemplo
Default
Estado por defecto del elemento
Empty
Campo de búsqueda vacío
Focus
Estado del imput text cuando el usuario clica en él
Filled
Text field relleno con el texto que el usuario ha introducido
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Expanded
En ocasiones, el campo de búsqueda puede desplegar un menú con los resultados de la búsqueda.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes