Files
supabase/apps/design-system/registry/default/example/select-scrollable.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

72 lines
3.6 KiB
TypeScript

import {
Select_Shadcn_,
SelectContent_Shadcn_,
SelectGroup_Shadcn_,
SelectItem_Shadcn_,
SelectLabel_Shadcn_,
SelectTrigger_Shadcn_,
SelectValue_Shadcn_,
} from 'ui'
export default function SelectScrollable() {
return (
<Select_Shadcn_>
<SelectTrigger_Shadcn_ className="w-[280px]">
<SelectValue_Shadcn_ placeholder="Select a timezone" />
</SelectTrigger_Shadcn_>
<SelectContent_Shadcn_>
<SelectGroup_Shadcn_>
<SelectLabel_Shadcn_>North America</SelectLabel_Shadcn_>
<SelectItem_Shadcn_ value="est">Eastern Standard Time (EST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="cst">Central Standard Time (CST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="mst">Mountain Standard Time (MST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="pst">Pacific Standard Time (PST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="akst">Alaska Standard Time (AKST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="hst">Hawaii Standard Time (HST)</SelectItem_Shadcn_>
</SelectGroup_Shadcn_>
<SelectGroup_Shadcn_>
<SelectLabel_Shadcn_>Europe & Africa</SelectLabel_Shadcn_>
<SelectItem_Shadcn_ value="gmt">Greenwich Mean Time (GMT)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="cet">Central European Time (CET)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="eet">Eastern European Time (EET)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="west">Western European Summer Time (WEST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="cat">Central Africa Time (CAT)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="eat">East Africa Time (EAT)</SelectItem_Shadcn_>
</SelectGroup_Shadcn_>
<SelectGroup_Shadcn_>
<SelectLabel_Shadcn_>Asia</SelectLabel_Shadcn_>
<SelectItem_Shadcn_ value="msk">Moscow Time (MSK)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="ist">India Standard Time (IST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="cst_china">China Standard Time (CST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="jst">Japan Standard Time (JST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="kst">Korea Standard Time (KST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="ist_indonesia">
Indonesia Central Standard Time (WITA)
</SelectItem_Shadcn_>
</SelectGroup_Shadcn_>
<SelectGroup_Shadcn_>
<SelectLabel_Shadcn_>Australia & Pacific</SelectLabel_Shadcn_>
<SelectItem_Shadcn_ value="awst">
Australian Western Standard Time (AWST)
</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="acst">
Australian Central Standard Time (ACST)
</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="aest">
Australian Eastern Standard Time (AEST)
</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="nzst">New Zealand Standard Time (NZST)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="fjt">Fiji Time (FJT)</SelectItem_Shadcn_>
</SelectGroup_Shadcn_>
<SelectGroup_Shadcn_>
<SelectLabel_Shadcn_>South America</SelectLabel_Shadcn_>
<SelectItem_Shadcn_ value="art">Argentina Time (ART)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="bot">Bolivia Time (BOT)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="brt">Brasilia Time (BRT)</SelectItem_Shadcn_>
<SelectItem_Shadcn_ value="clt">Chile Standard Time (CLT)</SelectItem_Shadcn_>
</SelectGroup_Shadcn_>
</SelectContent_Shadcn_>
</Select_Shadcn_>
)
}