Command

Fast, composable, unstyled command menu for Django.

No results found.
Suggestions
Calendar
Search Emoji
Calculator
Settings
Profile ⌘P
Billing ⌘B
Settings ⌘S

Installation

uvx shadcn_django@latest add command

Usage

<c-command class='rounded-lg border shadow-md md:min-w-[450px]'>
    <c-command.input placeholder='Type a command or search...' />
    <c-command.list>
        <c-command.empty>No results found.</c-command.empty>
        <c-command.group heading='Suggestions'>
            <c-command.item value='calendar'>Calendar</c-command.item>
            <c-command.item value='search-emoji'>Search Emoji</c-command.item>
            <c-command.item value='calculator'>Calculator</c-command.item>
        </c-command.group>
        <c-command.separator />
        <c-command.group heading='Settings'>
            <c-command.item value='profile'>
            Profile
            <c-command.shortcut>⌘P</c-command.shortcut>
            </c-command.item>
            <c-command.item value='billing'>
            Billing
            <c-command.shortcut>⌘B</c-command.shortcut>
            </c-command.item>
            <c-command.item value='settings'>
            Settings
            <c-command.shortcut>⌘S</c-command.shortcut>
            </c-command.item>
        </c-command.group>
    </c-command.list>
</c-command>