Dropdown
Ejemplo:
<sede:component fragment="/fragmentos/componentes/dropdown" title="Opciones" xAlign="right" type="primary" clase="margin-r2em">
<li><a href="#">Opción 1</a></li>
<li><a href="#">Opción 2</a></li>
<li class="divider" role="separator"></li>
<li class="disabled"><a href="#">Opción deshabilitada</a></li>
</sede:component>
| Globales | ||
|---|---|---|
| Atributo | Descripción | Valor por defecto |
| clase | Clase HTML - Controlador general del contenedor | ' ' |
| type | Clase Bootstrap - Información de contexto del botón dropdown | 'default' |
| title | String - Título del botón dropdown | '' |
| yAlign | 'up' / 'down' - Alineación del contenido del dropdown en el eje vertical(Y) | 'down' |
| xAlign | 'left' / 'right' - Alineación del contenido del dropdown en el eje horizontal(X) | 'left' |
El contenido dentro de las etiquetas <sede:component> deberán ser elementos <li> que se verán reflejados comos los items del dropdown
Aquí podemos hacer uso de la clase "divider" para colocar separadores, "disabled" para mostrar opciones deshabilitadas o "dropdown-header" para mostrar encabezados de categorización de los elementos