magma

magma

  • Matter
  • CLI
  • API
  • Help
  • Blog
  • Resources

›Transaction-focused

Matter

  • Digital Substance

Primitives

  • Typography
  • Text Tokens
  • Color
  • Color Tokens
  • Icons
  • Grid
  • Spacing
  • Elevation

Components

    Transaction-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button Group
    • Button
    • Callout
    • Checkbox
    • Date Picker
    • Date Time Picker
    • Dropdown Menu
    • Filter Search
    • Filter Tags
    • Input Text
    • Link
    • Pagination
    • Progress Indicator
    • Radio Button
    • Rating
    • Select
    • Slider
    • Spinner
    • Tabs
    • Toast
    • Tooltip

    Content-focused

    • Core Editorial
    • Autoría

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • footer

    Other

    • Orden de trabajo
    • Otros

Patterns

  • This is document number 3

Filter Search

Descarga la librería

Sirve para hacer una búsqueda sobre un contenido o elemento específico de una tabla. Este componente (select de filtrado + buscador) siempre irá unido y el buscador no se verá activado hasta que se haya seleccionado una categoría de filtrado.


Recomendaciones de uso

  • Se recomienda usar cuando hay un gran número de campos para facilitar la búsqueda en tablas, reduciendo los resultados por características comunes y eliminando el contenido innecesario.
  • No usar para hacer una navegación entre páginas.

Filter Search - RDS


Selección de filtros

La selección será única a través de un menú desplegable básico. El usuario sólo podrá seleccionar un atributo de una categoría para modificar los resultados de los datos.


Estados

1. Default: la apariencia predeterminada siempre tendrá el filtro activado, no el buscador, el cuál no podrá activarse hasta que haya seleccionado una categoría de filtrado.

2. Activate: una vez se haya seleccionado una categoría de filtrado, el buscador pasará su estado a activo y podrá ser utilizado.

Filter Search - RDS


Estados de los ítems dropdown

  • Active: es el ítem que aparece activado y preparado para seleccionar.
  • Disabled: es el ítem que aparece desactivado y que no se puede seleccionar.
  • Over: cuando el ratón pasa por encima del ítem.

Estilo

Color

Filter Search - RDS

Tipografía

Filter Search - RDS

← Dropdown MenuFilter Tags →
  • Recomendaciones de uso
  • Selección de filtros
  • Estados
  • Estados de los ítems dropdown
  • Estilo
    • Color
    • Tipografía
magma
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Secuoyas Experience SLU