Label

<label class="zui-label" for="demo">Email address</label>
<input class="zui-input" type="email" id="demo" placeholder="you@example.com" />

<label class="zui-label" for="email">Email address</label>
<input class="zui-input" type="email" id="email" />

import { Label, Input } from '@mrmartineau/zui/react'

<Label htmlFor="email">Email address</Label>
<Input type="email" id="email" />

---
import { Label, Input } from '@mrmartineau/zui/astro'
---

<Label for="email">Email address</Label>
<Input type="email" id="email" />

<label class="zui-label zui-label-required" for="req">Required field</label>
<input class="zui-input" type="text" id="req" required />

<label class="zui-label" for="desc">
Username
<span class="zui-label-description">Must be 3-20 characters, letters and numbers only.</span>
</label>
<input class="zui-input" type="text" id="desc" />