Files
shadcn-ui/apps/www/components/examples/index.tsx
shadcn 4ccff13f9c feat: react-hook-form (#377)
* feat(form): add form component

* feat(www): update site styles

* feat: add form examples

* docs(www): add docs for forms

* docs(www): hide tabs for docs demo
2023-05-19 22:56:49 +04:00

214 lines
9.3 KiB
TypeScript

import { AccordionDemo } from "@/components/examples/accordion/demo"
import { AlertDialogDemo } from "@/components/examples/alert-dialog/demo"
import { AlertDemo } from "@/components/examples/alert/demo"
import { AlertDestructive } from "@/components/examples/alert/destructive"
import { AspectRatioDemo } from "@/components/examples/aspect-ratio/demo"
import { AvatarDemo } from "@/components/examples/avatar/demo"
import { BadgeDemo } from "@/components/examples/badge/demo"
import { BadgeDestructive } from "@/components/examples/badge/destructive"
import { BadgeOutline } from "@/components/examples/badge/outline"
import { BadgeSecondary } from "@/components/examples/badge/secondary"
import { ButtonAsChild } from "@/components/examples/button/as-child"
import { ButtonDemo } from "@/components/examples/button/demo"
import { ButtonDestructive } from "@/components/examples/button/destructive"
import { ButtonGhost } from "@/components/examples/button/ghost"
import { ButtonLink } from "@/components/examples/button/link"
import { ButtonLoading } from "@/components/examples/button/loading"
import { ButtonOutline } from "@/components/examples/button/outline"
import { ButtonSecondary } from "@/components/examples/button/secondary"
import { ButtonWithIcon } from "@/components/examples/button/with-icon"
import { CalendarDemo } from "@/components/examples/calendar/demo"
import { CalendarReactHookForm } from "@/components/examples/calendar/react-hook-form"
import { CardDemo } from "@/components/examples/card/demo"
import { CardWithForm } from "@/components/examples/card/with-form"
import { CheckboxDemo } from "@/components/examples/checkbox/demo"
import { CheckboxDisabled } from "@/components/examples/checkbox/disabled"
import { CheckboxReactHookFormMultiple } from "@/components/examples/checkbox/react-hook-form-multiple"
import { CheckboxReactHookFormSingle } from "@/components/examples/checkbox/react-hook-form-single"
import { CheckboxWithText } from "@/components/examples/checkbox/with-text"
import { CollapsibleDemo } from "@/components/examples/collapsible/demo"
import { ComboboxDemo } from "@/components/examples/combobox/demo"
import { ComboboxDropdownMenu } from "@/components/examples/combobox/dropdown-menu"
import { ComboboxPopover } from "@/components/examples/combobox/popover"
import { ComboboxReactHookForm } from "@/components/examples/combobox/react-hook-form"
import { CommandDemo } from "@/components/examples/command/demo"
import { CommandDialogDemo } from "@/components/examples/command/dialog"
import { ContextMenuDemo } from "@/components/examples/context-menu/demo"
import { DataTableDemo } from "@/components/examples/data-table/demo"
import { DatePickerDemo } from "@/components/examples/date-picker/demo"
import { DatePickerReactHookForm } from "@/components/examples/date-picker/react-hook-form"
import { DatePickerWithPresets } from "@/components/examples/date-picker/with-presets"
import { DatePickerWithRange } from "@/components/examples/date-picker/with-range"
import { DialogDemo } from "@/components/examples/dialog/demo"
import { DropdownMenuCheckboxes } from "@/components/examples/dropdown-menu/checkboxes"
import { DropdownMenuDemo } from "@/components/examples/dropdown-menu/demo"
import { DropdownMenuRadioGroupDemo } from "@/components/examples/dropdown-menu/radio-group"
import { HoverCardDemo } from "@/components/examples/hover-card/demo"
import { InputDemo } from "@/components/examples/input/demo"
import { InputDisabled } from "@/components/examples/input/disabled"
import { InputFile } from "@/components/examples/input/file"
import { InputReactHookForm } from "@/components/examples/input/react-hook-form"
import { InputWithButton } from "@/components/examples/input/with-button"
import { InputWithLabel } from "@/components/examples/input/with-label"
import { InputWithText } from "@/components/examples/input/with-text"
import { LabelDemo } from "@/components/examples/label/demo"
import { MenubarDemo } from "@/components/examples/menubar/demo"
import { NavigationMenuDemo } from "@/components/examples/navigation-menu/demo"
import { PopoverDemo } from "@/components/examples/popover/demo"
import { ProgressDemo } from "@/components/examples/progress/demo"
import { RadioGroupDemo } from "@/components/examples/radio-group/demo"
import { RadioGroupReactHookForm } from "@/components/examples/radio-group/react-hook-form"
import { ScrollAreaDemo } from "@/components/examples/scroll-area/demo"
import { SelectDemo } from "@/components/examples/select/demo"
import { SelectReactHookForm } from "@/components/examples/select/react-hook-form"
import { SeparatorDemo } from "@/components/examples/separator/demo"
import { SheetDemo } from "@/components/examples/sheet/demo"
import { SheetPosition } from "@/components/examples/sheet/position"
import { SheetSize } from "@/components/examples/sheet/size"
import { SkeletonDemo } from "@/components/examples/skeleton/demo"
import { SliderDemo } from "@/components/examples/slider/demo"
import { SwitchDemo } from "@/components/examples/switch/demo"
import { SwitchReactHookForm } from "@/components/examples/switch/react-hook-form"
import { TableDemo } from "@/components/examples/table/demo"
import { TabsDemo } from "@/components/examples/tabs/demo"
import { TextareaDemo } from "@/components/examples/textarea/demo"
import { TextareaDisabled } from "@/components/examples/textarea/disabled"
import { TextareaReactHookForm } from "@/components/examples/textarea/react-hook-form"
import { TextareaWithButton } from "@/components/examples/textarea/with-button"
import { TextareaWithLabel } from "@/components/examples/textarea/with-label"
import { TextareaWithText } from "@/components/examples/textarea/with-text"
import { ToastDemo } from "@/components/examples/toast/demo"
import { ToastDestructive } from "@/components/examples/toast/destructive"
import { ToastSimple } from "@/components/examples/toast/simple"
import { ToastWithAction } from "@/components/examples/toast/with-action"
import { ToastWithTitle } from "@/components/examples/toast/with-title"
import { ToggleDemo } from "@/components/examples/toggle/demo"
import { ToggleDisabled } from "@/components/examples/toggle/disabled"
import { ToggleLg } from "@/components/examples/toggle/lg"
import { ToggleOutline } from "@/components/examples/toggle/outline"
import { ToggleSm } from "@/components/examples/toggle/sm"
import { ToggleWithText } from "@/components/examples/toggle/with-text"
import { TooltipDemo } from "@/components/examples/tooltip/demo"
import { TypographyBlockquote } from "@/components/examples/typography/blockquote"
import { TypographyDemo } from "@/components/examples/typography/demo"
import { TypographyH1 } from "@/components/examples/typography/h1"
import { TypographyH2 } from "@/components/examples/typography/h2"
import { TypographyH3 } from "@/components/examples/typography/h3"
import { TypographyH4 } from "@/components/examples/typography/h4"
import { TypographyInlineCode } from "@/components/examples/typography/inline-code"
import { TypographyLarge } from "@/components/examples/typography/large"
import { TypographyLead } from "@/components/examples/typography/lead"
import { TypographyList } from "@/components/examples/typography/list"
import { TypographyMuted } from "@/components/examples/typography/muted"
import { TypographyP } from "@/components/examples/typography/p"
import { TypographySmall } from "@/components/examples/typography/small"
import { TypographyTable } from "@/components/examples/typography/table"
export const examples = {
AccordionDemo,
AlertDemo,
AlertDialogDemo,
AlertDestructive,
AspectRatioDemo,
AvatarDemo,
BadgeDemo,
BadgeDestructive,
BadgeOutline,
BadgeSecondary,
ButtonDemo,
ButtonGhost,
ButtonDestructive,
ButtonLink,
ButtonLoading,
ButtonOutline,
ButtonSecondary,
ButtonWithIcon,
ButtonAsChild,
CalendarDemo,
CalendarReactHookForm,
DataTableDemo,
DatePickerDemo,
DatePickerWithRange,
DatePickerWithPresets,
DatePickerReactHookForm,
CardDemo,
CardWithForm,
CheckboxDemo,
CheckboxDisabled,
CheckboxWithText,
CheckboxReactHookFormMultiple,
CheckboxReactHookFormSingle,
CollapsibleDemo,
CommandDemo,
CommandDialogDemo,
ComboboxDemo,
ComboboxPopover,
ComboboxDropdownMenu,
ComboboxReactHookForm,
ContextMenuDemo,
DialogDemo,
DropdownMenuCheckboxes,
DropdownMenuDemo,
DropdownMenuRadioGroupDemo,
HoverCardDemo,
InputDemo,
InputDisabled,
InputFile,
InputWithButton,
InputWithLabel,
InputWithText,
InputReactHookForm,
LabelDemo,
MenubarDemo,
NavigationMenuDemo,
PopoverDemo,
ProgressDemo,
RadioGroupDemo,
RadioGroupReactHookForm,
ScrollAreaDemo,
SelectDemo,
SelectReactHookForm,
SeparatorDemo,
SheetDemo,
SheetSize,
SheetPosition,
SkeletonDemo,
SliderDemo,
SwitchDemo,
SwitchReactHookForm,
TableDemo,
TabsDemo,
TextareaDemo,
TextareaDisabled,
TextareaWithButton,
TextareaWithLabel,
TextareaWithText,
TextareaReactHookForm,
ToastDemo,
ToastDestructive,
ToastSimple,
ToastWithTitle,
ToastWithAction,
TooltipDemo,
TypographyBlockquote,
TypographyDemo,
TypographyH1,
TypographyH2,
TypographyH3,
TypographyH4,
TypographyInlineCode,
TypographyLarge,
TypographyLead,
TypographyList,
TypographyP,
TypographySmall,
TypographyMuted,
TypographyTable,
ToggleDemo,
ToggleSm,
ToggleLg,
ToggleOutline,
ToggleDisabled,
ToggleWithText,
}