Usage

To use ZUi Web, you can add the custom element tags of the ZUi component you like to use, like every other HTML tag:

<div>
	<zui-box emphasis="default" header-text="My fancy Box">
		<zui-text-field name="firstname" value="John"></zui-text-field>
		<zui-text-field name="lastname" value="Doe"></zui-text-field>
		<zui-button emphasis="active">OK</zui-button>
	</zui-box>
</div>

Notice that custom elements cannot be used with self-closing tags but instead always have to be used with a separate closing tag even if they don't have any children.