x
1
2
3
4
5
<div class="flex flex-col gap-3 max-w-sm"> <input placeholder="Small (sm)" type="text" class="flex w-full rounded-md border border-input bg-background text-foreground placeholder:text-muted-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 h-8 px-2.5 py-1 text-xs"> <input placeholder="Default" type="text" class="flex w-full rounded-md border border-input bg-background text-foreground placeholder:text-muted-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 h-9 px-3 py-2 text-sm"> <input placeholder="Large (lg)" type="text" class="flex w-full rounded-md border border-input bg-background text-foreground placeholder:text-muted-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 h-10 px-4 py-2.5 text-base"></div>1
2
3
4
5
<div class="flex flex-col gap-3 max-w-sm"> <%= render(UI::Input.new(size: :sm, placeholder: "Small (sm)")) %> <%= render(UI::Input.new(size: :default, placeholder: "Default")) %> <%= render(UI::Input.new(size: :lg, placeholder: "Large (lg)")) %></div>No notes provided.
No params configured.