Files
supabase/apps/design-system/registry/default/example/command-demo.tsx
b8243e06d8 Feat/design system site (#26586)
* init site

* add nav menu

* add props table component

* init all the examples

• also includes moving a bunch of ./ui files to ./ui-patterns

* update package

• might need to remove some of these

* Update rehype-component.ts

* move nav

* more changes

* add new source information to contentlayer

* fix copy buttons

* add text-confirm. start new concept of "fragments"

* move base path. add homepage. add theme selection

* added colors

* add form-item-layout

* temporary fix code blocks in light mode. they currently don't switch theme to theme

* start adding code themes

* Update dark.json

* update code block themes

* fix animations

* add cdmk search

* export registry of icons in ./icons package

* add comments

* add icon copy stuff

* Update icons.tsx

* more docs

* more docs. cleaned up colors and icons docs

* Update theming.mdx

* add more docs

* update

* add package

* Update tailwind.config.js

* update content

* Update drawer-demo.tsx

* Update aspect-ratio-demo.tsx

* add new blocks

* Update source-panel.tsx

* Update source-panel.tsx

* Update source-panel.tsx

* add new source block

* Update source-panel.tsx

* Update _app.tsx

* Update page.tsx

* Delete layout-old.tsx

* remove old themes

* remove old ui registry

* comment out nav items

* Update package-lock.json

* Update AssistantChatForm.tsx

* move back

* move again

* update

* Update index.tsx

* Update package-lock.json

* Update package-lock.json

* Update package-lock.json

* update package

* udpate prettier

* fix tag issues

* Update package-lock.json

* update to contentlayer2

* update package-lock.json

* fix type errors

* ignore spelling

* Update avoid-typos.yml

* Update avoid-typos.yml

* Update package-lock.json

* Use ui type definitions.

* move tsconfig base stuff. fix content layer issue

* Update package-lock.json

* Update package-lock.json

---------

Co-authored-by: Alaister Young <a@alaisteryoung.com>
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
2024-05-23 17:39:56 +08:00

56 lines
1.9 KiB
TypeScript

import { Calculator, Calendar, CreditCard, Settings, Smile, User } from 'lucide-react'
import {
Command_Shadcn_,
CommandEmpty_Shadcn_,
CommandGroup_Shadcn_,
CommandInput_Shadcn_,
CommandItem_Shadcn_,
CommandList_Shadcn_,
CommandSeparator_Shadcn_,
CommandShortcut_Shadcn_,
} from 'ui'
export default function CommandDemo() {
return (
<Command_Shadcn_ className="rounded-lg border shadow-md">
<CommandInput_Shadcn_ placeholder="Type a command or search..." />
<CommandList_Shadcn_>
<CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_ heading="Suggestions">
<CommandItem_Shadcn_>
<Calendar className="mr-2 h-4 w-4" />
<span>Calendar</span>
</CommandItem_Shadcn_>
<CommandItem_Shadcn_>
<Smile className="mr-2 h-4 w-4" />
<span>Search Emoji</span>
</CommandItem_Shadcn_>
<CommandItem_Shadcn_>
<Calculator className="mr-2 h-4 w-4" />
<span>Calculator</span>
</CommandItem_Shadcn_>
</CommandGroup_Shadcn_>
<CommandSeparator_Shadcn_ />
<CommandGroup_Shadcn_ heading="Settings">
<CommandItem_Shadcn_>
<User className="mr-2 h-4 w-4" />
<span>Profile</span>
<CommandShortcut_Shadcn_>⌘P</CommandShortcut_Shadcn_>
</CommandItem_Shadcn_>
<CommandItem_Shadcn_>
<CreditCard className="mr-2 h-4 w-4" />
<span>Billing</span>
<CommandShortcut_Shadcn_>⌘B</CommandShortcut_Shadcn_>
</CommandItem_Shadcn_>
<CommandItem_Shadcn_>
<Settings className="mr-2 h-4 w-4" />
<span>Settings</span>
<CommandShortcut_Shadcn_>⌘S</CommandShortcut_Shadcn_>
</CommandItem_Shadcn_>
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>
)
}