Chips de activación
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Un ToggleChip
es un chip especializado que permite que los usuarios seleccionen varias opciones.
Chip de activación
Los chips de activación incluyen un control de activación de dos estados. Algunos ejemplos de un control de activación de dos estados incluyen un interruptor, un botón de selección o una casilla de verificación. Usa los chips de activación para situaciones en las que se deban establecer muchas opciones con rapidez y facilidad, como en Configuración.
Anatomía
Los chips de activación tienen cuatro espacios que admiten dos etiquetas de texto, un control de selección y un ícono de la aplicación. El ícono y la etiqueta secundaria son opcionales.
A. Etiqueta
B. Etiqueta secundaria
C. Ícono
D. Control de selección
E. Contenedor
Controles de selección
Interruptor
Usa un interruptor para activar o desactivar una selección
Botón de selección
Usa botones de selección en listas en las que el usuario pueda seleccionar solo una opción.
Casilla de verificación
Usa casillas de verificación en las listas en las que el usuario puede seleccionar varias opciones.
Chips de activación divididos
El elemento
SplitToggleChip
es diferente a ToggleChip, ya que tiene dos áreas que se pueden presionar, una área de texto en la que se puede hacer clic y otra con un botón de activación.
En los chips de activación divididos, diferencia entre el área táctil de fondo y el control de activación haciendo que cada sección sea de un color diferente.
Uso
Usa los chips de activación, como se muestra en los siguientes ejemplos.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2023-12-02 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]