Guia de estilo Sede electronica. Ayuntamiento de Zaragoza

Botones

Ejemplo:

	
<sede:component 
	fragment="/fragmentos/componentes/button" 
	name="Volver" 
	btnType="primary" 
	invert="true"
	link="..." 
	icon="fas fa-long-arrow-alt-left fa-fw" 
	iconPosition="left">
</sede:component>

Abrir configurador

Ejemplos de uso

Mujer Legado de mujeres aragonesas referentes del despertar

Atributo	Descripción	Valor por defecto
clase	Clase HTML - Clases generales del botón	' '
name	String - Texto que tendrá el botón
tag	a / button / input - Tipo de etiqueta que compondrá al botón. input y button se recomienda utilizarlos en formularios unicamente	'a'
link	URL - Enlace al recurso	'#'
type	button / submit / reset - Rol del botón en el formulario. Solo responde si tag es de tipo button o input	'button'
btnType	Clase Bootstrap - Contexto del botón	'default'
size	xs / sm / lg - Tamaño del botón	' '
icon	Clase FontAwesome - Icono correspondiente al botón. Se puede encontrar en Biblioteca de iconos	' '
iconPosition	left / right - De que lado del botón se mostrará el icono	'right'
invert	Boolean - Definir si se debe invertir los colores del botón	'false'
block	Boolean - Definir si el boton es un elmento en bloque	'false'
disabled	Boolean - Definir si el botón esta desabilitado	'false'
onclick	Javascript - Posibilidad de darle funcionalidad al hacer click	''
dataToggle	data-attribute - Definir el tipo de funcionalidad brindada por bootstrap	''
externalLink	Boolean - Definir si será un enlace a un nueva pestaña	''