DESY

Sistema de Diseño del Gobierno de Aragón.

Árbol

Este elemento ofrece la posibilidad de seleccionar una o varias opciones organizadas jerárquicamente.

Anatomía

Esto es una etiqueta

Esto es una pista

Error:Esto es un error: Descripción del error.

  • Etiqueta: Indica la información a incluir en el campo, siempre tiene que estar. En caso de que se quiera ocultar deberá tener la clase sr-only, para que sea legible por los lectores de pantalla.
  • Pista: Es opcional y es una descripción del dato a introducir.
  • Error: En caso de que el campo requiera validación o sea obligatorio, puede aparecer un error indicando el problema con el dato introducido.
  • Item: Pueden ser botones de selección múltiple o única, con todas las variantes que ellos conllevan. Los items que albergan subitems contienen un botón en forma de más (+) que los muestra al ser pulsado. Una vez desplegado este botón toma la apariencia de un menos (-) pudiendo ser accionado de nuevo para ocultar los subitems.
  • Buscador: Cuando el listado sea muy extenso, se puede incluir una barra de búsqueda que ayude a la parsona a encontrar los items que busca.

Tamaños

Tamaño base
Tamaño pequeño

Tamaño base

Utilizar por defecto para cualquier tipo de situaciones y layouts. Siempre que sea posible se recomienda usar este tamaño por motivos de accesibilidad.

Tamaño pequeño

Se recomienda su uso cuando el elemento estándar sea demasiado grande para el espacio donde debe de encajar.