django/shadcn-ui

Select

Displays a list of options for the user to pick from—triggered by a button.

Django
Flask
FastAPI
Pyramid
Bottle

Installation

uvx django_shadcn@latest add select

Usage

Light
Dark
System 
<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>