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

Checkbox

Descarga la librería

Los checkbox se utilizan dentro de una interfaz para permitir al usuario seleccionar entre una o más opciones.

Cada checkbox es independiente de los demás dentro de una lista, es decir, que la selección de uno no afecta al resto.

Checkbox - magma


Recomendaciones de uso

  • Usar los checkbox para ofrecer una selección binaria, como aceptar términos y condiciones.
  • Cuando se le da la posibilidad al usuario de seleccionar varias opciones.
  • Generalmente, se apilarán de manera vertical en una columna. Si existen más de 6 opciones, se podrán disponer en varias columnas.
  • La etiqueta de los checkbox comenzará con mayúsculas.

Estados

Dentro de los estados que caracterizan a los checkbox, seleccionado y deseleccionado, encontramos cuatro tipos de checkbox:

  1. Default: es el checkbox habilitado.
  2. Inverse: se utiliza en backgrounds oscuros y siempre irá en color blanco.
  3. Disabled: su estado es desactivado y no se puede seleccionar ni deseleccionar.
  4. Error: el color rojo marca que ha ocurrido un error.

Checkbox - magma


Estilo

Color

Checkbox - magma


Tipografía

Checkbox - magma

← CalloutDate Picker →
  • Recomendaciones de uso
  • Estados
  • 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