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

Select

Los selectores permiten realizar una selección múltiple sobre un campo de texto.

El componente Select o tambien conocido como Dropdown, permite a los usuarios elegir una o varias opciones de una larga lista, que pueden ser acciones o valores de entrada.

Descarga la librería LDDescarga la librería SD


Tipos de selectores

Single Select

Utilice una selección única para dar a los usuarios la posibilidad de buscar y hacer una sola elección entre múltiples opciones.

Selectores Sencillos

Select - RDS

Multiple Select

Use la selección múltiple para permitir a los usuarios elegir entre múltiples opciones de una lista. Selectores Múltiples

Select Multiple - RDS


Recomendaciones de uso

  • Se recomienda el uso de los Selects cuando un usuario necesita elegir entre aproximadamente 7 a 15 opciones posibles y se tiene un espacio limitado para mostrar las opciones.
  • La lista de opciones debe ordenarse en un orden lógico, como alfabético, cronológico, orden de importancia, etc.

Estados

  1. Default: es el select habilitado.

Select Default - RDS

  1. Disabled: su estado es desactivado y no se puede seleccionar ni deseleccionar.

Select Disabled - RDS

  1. Hover: es el estado que indica sobre la opción en la que te encuentras sin haber sido seleccionado.

Select Hover - RDS

  1. Selected: es el estado de la opción del dropdown seleccionado.

Select Selected - RDS

← RatingSlider →
  • Tipos de selectores
  • Recomendaciones de uso
  • Estados
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