Descripciones

Muestra múltiples campos con formato de lista.

Uso básico

Tamaños

Lista vertical

Estilos personalizados

Descriptions API

Descriptions Attributes

NombreDescripciónTipoDefault
bordercon o sin bordebooleanfalse
columnnúmeros de ítems de la descripción en una líneanumber3
directiondirección de la listaenumhorizontal
sizetamaño de la listaenum
titletexto del título, mostrado en la parte superior izquierdastring''
extratexto extra, mostrado en la parte superior derechastring''

Descriptions Slots

NombreDescripciónSubtags
defaultpersonaliza el contenido por defectoDescriptions Item
titletítulo personalizado, mostrado en la parte superior izquierda
extraárea extra personalizada, mostrado en la parte superior derecha

DescriptionsItem API

DescriptionsItem Attributes

NombreDescripciónTipoDefault
labeltexto de la etiquetastring''
spancolspan de la columnanumber1
widthel ancho de la columna, el ancho de la misma columna en diferentes filas es establecido por el valor máximo (Si no hay border, width incluye etiqueta y contenido)string / number''
min-widthel ancho mínimo de la columna, las columnas con width tienen un ancho fijo, mientras que las columnas con min-width tiene un ancho que se distribuye en proporción (Si no hay border, width incluye etiqueta y contenido)string / number''
alignalineación del contenido de la columna (Si no hay border, afecta tanto a la etiqueta como al contenido)enumleft
label-alignalineamiento de la etiqueta de la columna, si se omite, el valor del atributo anterior align se aplicará (Si no hay border, por favor use el atributo align)enum''
class-namenombre de clase personalizada del contenido de la columnastring''
label-class-namenombre de clase personalizada para la etiqueta de la columnastring''

DescriptionsItem Slots

NombreDescripción
defaultpersonaliza el contenido por defecto
labelpersonaliza la etiqueta

Fuente

ComponentesDocumentación

Contribuidores