x
1
2
3
4
5
6
7
8
<div class="flex flex-col gap-2 w-full"> <label for="ui-native-select-b013ad10" class="text-sm font-medium">Team</label> <div class="relative w-full"> <select id="ui-native-select-b013ad10" class="flex w-full appearance-none rounded-md border border-input bg-background text-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 disabled:bg-muted! h-9 pl-3 pr-9 py-2 text-sm" name="team_id"><option value="">Choose a team</option><option value="1" >Design</option><option value="2" >Engineering</option><option value="3" >Marketing</option></select> <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground"><i data-lucide="chevron-down" class="inline-block shrink-0 w-4 h-4" aria-hidden="true"></i> </span> </div></div>1
2
3
render(UI::NativeSelect.new(name: "team_id", options: SECTIONS, prompt: "Choose a team", size: size.to_sym, label: label, required: required, disabled: disabled, error: error))No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|