Select
Displays a list of options for the user to pick from—triggered by a button.
Installation
uvx shadcn_django@latest add select
Usage
<c-select class='w-[180px]'>
<c-select.trigger>
<c-select.value placeholder='Theme' />
</c-select.trigger>
<c-select.content>
<c-select.item value='light'>Light</c-select.item>
<c-select.item value='dark'>Dark</c-select.item>
<c-select.item value='system'>System</c-select.item>
</c-select.content>
</c-select>
Examples
Disabled
<c-select name='library' class='w-[180px]'>
<c-select.trigger disabled>
<c-select.value placeholder='Select a library' />
</c-select.trigger>
</c-select>