Button

Example

A button allows users to click or tap to perform an action or trigger a specific action. Buttons are visually distinct and provide users with a clear and intuitive way to interact with the app's features and navigate through its functionalities.

type	name	value	parameter_list
button	button_par_2_1	Style parameter Information	style: information
button	button_par_2_2	Style parameter Navigation	style: navigation

Google Sheet Demo
Live Preview Demo

Parameters

Parameter	Value	Description
disabled	false (default)	Enables the button
disabled	true	Disables the button and greys it out
style	information (default)	Button colour primary
style	navigation	Button colour secondary
style	full (default)	Button width determined by screen width
style	flexible	Button width equal to its content width
style	medium (default)	Button height medium
style	short	Button height short
style	tall	Button height tall
style	standard (default)	Button text colour white
style	alternative	Button text colour primary
style	medium_round	To be removed
style	no_shadow	To be removed
text_align	left (default)	Button text is left aligned within the button
text_align	center	Button text is centred within the button
text_align	right	Button text is right aligned within the button
button_align	center (default)	Horizontal alignment of the button on the screen is centred
button_align	left	Horizontal alignment of the button on the screen is left aligned
button_align	right	Horizontal alignment of the button on the screen is right aligned