x
1
2
3
4
5
6
<div class="flex flex-col gap-3"> <label class="text-xs font-medium">Extra Small (xs)</label> <label class="text-sm font-medium">Small (sm)</label> <label class="text-sm font-medium">Default (sm)</label> <label class="text-base font-medium">Large (base)</label></div>1
2
3
4
5
6
<div class="flex flex-col gap-3"> <%= render(UI::Label.new(size: :xs)) { "Extra Small (xs)" } %> <%= render(UI::Label.new(size: :sm)) { "Small (sm)" } %> <%= render(UI::Label.new(size: :default)) { "Default (sm)" } %> <%= render(UI::Label.new(size: :lg)) { "Large (base)" } %></div>No notes provided.
No params configured.