x
1
2
3
4
5
6
7
8
<div class="flex flex-col gap-3 max-w-md"> <textarea placeholder="Small" rows="2" 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 px-2.5 py-1.5 text-xs resize-y"></textarea> <textarea placeholder="Default" rows="2" 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 px-3 py-2 text-sm resize-y"></textarea> <textarea placeholder="Large" rows="2" 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 px-4 py-2.5 text-base resize-y"></textarea></div>1
2
3
4
5
<div class="flex flex-col gap-3 max-w-md"> <%= render(UI::Textarea.new(size: :sm, rows: 2, placeholder: "Small")) %> <%= render(UI::Textarea.new(rows: 2, placeholder: "Default")) %> <%= render(UI::Textarea.new(size: :lg, rows: 2, placeholder: "Large")) %></div>No notes provided.
No params configured.