@zeix/ui-element
Version:
UIElement - minimal reactive framework based on Web Components
35 lines (34 loc) • 949 B
HTML
<input-radiogroup value="other">
<fieldset>
<legend>Gender</legend>
<label>
<input type="radio" name="gender" value="female">
<span>Female</span>
</label>
<label>
<input type="radio" name="gender" value="male">
<span>Male</span>
</label>
<label class="selected">
<input type="radio" name="gender" value="other" checked>
<span>Other</span>
</label>
</fieldset>
</input-radiogroup>
<input-radiogroup value="all" class="split-button">
<fieldset>
<legend class="visually-hidden">Filter</legend>
<label class="selected">
<input type="radio" class="visually-hidden" name="filter" value="all" checked>
<span>All</span>
</label>
<label>
<input type="radio" class="visually-hidden" name="filter" value="active">
<span>Active</span>
</label>
<label>
<input type="radio" class="visually-hidden" name="filter" value="completed">
<span>Completed</span>
</label>
</fieldset>
</input-radiogroup>