Previews

No matching results.

x
1
2
3
4
5
6
<div class="flex flex-col gap-3">
<label class="text-sm font-medium">Default</label>
<label class="text-sm font-medium">Required field<span class="text-destructive ml-0.5"> *</span></label>
<label class="text-sm font-medium text-muted-foreground cursor-not-allowed">Disabled</label>
<label for="email" class="text-sm font-medium">With for attribute</label>
</div>
1
2
3
4
5
6
<div class="flex flex-col gap-3">
<%= render(UI::Label.new) { "Default" } %>
<%= render(UI::Label.new(required: true)) { "Required field" } %>
<%= render(UI::Label.new(disabled: true)) { "Disabled" } %>
<%= render(UI::Label.new(for: "email")) { "With for attribute" } %>
</div>