Thesaurus Design System

Thesaurus Design System

  • Brand
  • Digital Product
  • Help and Contribution
  • News and Updates
  • Resources

›Funtional-focused

Digital Product

  • Overview

Getting Started

  • About IE Design System
  • For designer
  • For developers

Language

  • Accessibility
  • Color
  • Typography
  • Estilos de texto
  • Breakpoints
  • Layout
  • Grid
  • Spacing
  • Elevation
  • Icons
  • Imagenes
  • Ilustraciones
  • Video
  • Motion

Themes

  • Themes
  • Design Tokens

Components

    Funtional-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Button dropdown
    • Button Group
    • Calendar
    • Checkbox
    • Date Picker
    • File Uploader
    • Filter Tag
    • Flag message
    • Input Text
    • Link
    • Loading spinner
    • Modal
    • Overflow menu
    • Pagination
    • Popover
    • Progress Indicator
    • Radio Button
    • Search
    • Select
    • Slider
    • Switch
    • Tabs
    • Text area
    • Toast
    • Tooltip

    Content-focused

    • Antetitle
    • Author Bar
    • Blockquote
    • Body
    • Code Snippet
    • Date Time Bar
    • Footnote
    • Heading
    • List
    • Paragraph
    • Reading Progress
    • Reading Time
    • Subtitle
    • Table - Structured List
    • Tags

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • Footer

    Editorial

    • Artículos y Eventos
    • Colecciones
    • Contacto
    • Contenido
    • Estudios
    • Iniciaticas y Proyectos
    • Personas

    Funcional

    • Descargas
    • Formularios
    • Funcionales
    • Interactivos
    • Social

    Other

    • Card
    • Table

Patterns

  • Articulos y Eventos
  • Colecciones
  • Contacto
  • Estudios
  • Finantial
  • Funcional
  • Iniciativas y Proyectos
  • Navegación
  • Personas

Radio Button

Estamos desarrollando en contenido. Pronto tendrás disponible las especificaciones de este componente.

El radiobutton es un componente interactivo que permite al usuario seleccionar una opción de un conjunto, excluyendo el resto de opciones.


Recomendaciones de uso

  • Usa los radiobuttons cuando sea importante contemplar todas las opciones. En otro caso, utiliza el componente select.
  • Los radibuttons nunca se pueden usar aislados, siempre formarán parte de un grupo de 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, pero en este caso, se recomienda utilizar un select.
  • La etiqueta de los checkbox comenzará con mayúsculas.

Estados

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

Tipografía

← Progress IndicatorSearch →
  • Recomendaciones de uso
  • Estados
    • Tipografía
Thesaurus Design System
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