Icon Button

Specifications

Property	Type	Description	Required	Default
icon	`string`	Name of Fontawesome icon to include. Can be namespaced with a style like `light/book`	Yes	-
icon_class	`string`	Class applied to icon	No	-
icon_alt	`string`	Secondary fontawesome icon to show for the button's active state if it needs one	No	-
icon_alt_class	`string`	Class applied to alt icon	No	-
label	`string`	Optional simple text label positioned underneath the icon. This should be very short. If more text detail is needed consider adding an `aria-label` attribute on the main element	No	-
class	`string`	list of additional classes to apply to main element.	No	-

Other core components embedded within this template.

Code

{{ include( 'components/icon-button.twig', {
	icon: "clouds-moon"
} ) }}

Code

{{ include( 'components/icon-button.twig', {
	icon: "clouds-moon"
	label: "Weather"
} ) }}

Code

{{ include( 'components/icon-button.twig', {
	icon: "bars"
	icon_alt: "times"
	attrs: {...}
} ) }}