radix-vue
Version:
Vue port for Radix UI Primitives.
253 lines (246 loc) • 11.3 kB
TypeScript
import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogRoot, AlertDialogTrigger, AlertDialogPortal, AlertDialogContent, AlertDialogOverlay, AlertDialogCancel, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AvatarRoot, AvatarImage, AvatarFallback, CheckboxRoot, CheckboxIndicator, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, ComboboxRoot, ComboboxInput, ComboboxAnchor, ComboboxTrigger, ComboboxCancel, ComboboxGroup, ComboboxLabel, ComboboxContent, ComboboxEmpty, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxSeparator, ComboboxArrow, ComboboxPortal, ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuArrow, ContextMenuItem, ContextMenuGroup, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, DialogRoot, DialogTrigger, DialogPortal, DialogContent, DialogOverlay, DialogClose, DialogTitle, DialogDescription, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuArrow, DropdownMenuItem, DropdownMenuGroup, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, HoverCardRoot, HoverCardTrigger, HoverCardPortal, HoverCardContent, HoverCardArrow, MenubarRoot, MenubarTrigger, MenubarPortal, MenubarContent, MenubarArrow, MenubarItem, MenubarGroup, MenubarSeparator, MenubarCheckboxItem, MenubarItemIndicator, MenubarLabel, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuSub, NavigationMenuTrigger, NavigationMenuViewport, PaginationRoot, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PinInputRoot, PinInputInput, PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent, PopoverArrow, PopoverClose, PopoverAnchor, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, SelectRoot, SelectTrigger, SelectPortal, SelectContent, SelectArrow, SelectSeparator, SelectItemIndicator, SelectLabel, SelectGroup, SelectItem, SelectItemText, SelectViewport, SelectScrollUpButton, SelectScrollDownButton, SelectValue, SelectIcon, SliderRoot, SliderThumb, SliderTrack, SliderRange, SwitchRoot, SwitchThumb, TabsRoot, TabsList, TabsContent, TabsTrigger, TabsIndicator, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputClear, ToastProvider, ToastRoot, ToastAction, ToastClose, ToastViewport, ToastTitle, ToastDescription, ToggleGroupRoot, ToggleGroupItem, ToolbarRoot, ToolbarButton, ToolbarLink, ToolbarToggleGroup, ToolbarToggleItem, ToolbarSeparator, TooltipRoot, TooltipTrigger, TooltipContent, TooltipArrow, TooltipPortal, TooltipProvider } from 'radix-vue';
export { AspectRatio, Label, Separator, Toggle } from 'radix-vue';
declare const Accordion: {
Content: typeof AccordionContent;
Header: typeof AccordionHeader;
Item: typeof AccordionItem;
Root: typeof AccordionRoot;
Trigger: typeof AccordionTrigger;
};
declare const AlertDialog: {
Root: typeof AlertDialogRoot;
Trigger: typeof AlertDialogTrigger;
Portal: typeof AlertDialogPortal;
Content: typeof AlertDialogContent;
Overlay: typeof AlertDialogOverlay;
Cancel: typeof AlertDialogCancel;
Title: typeof AlertDialogTitle;
Description: typeof AlertDialogDescription;
Action: typeof AlertDialogAction;
};
declare const Avatar: {
Root: typeof AvatarRoot;
Image: typeof AvatarImage;
Fallback: typeof AvatarFallback;
};
declare const Checkbox: {
Root: typeof CheckboxRoot;
Indicator: typeof CheckboxIndicator;
};
declare const Collapsible: {
Root: typeof CollapsibleRoot;
Trigger: typeof CollapsibleTrigger;
Content: typeof CollapsibleContent;
};
declare const Combobox: {
Root: typeof ComboboxRoot;
Input: typeof ComboboxInput;
Anchor: typeof ComboboxAnchor;
Trigger: typeof ComboboxTrigger;
Cancel: typeof ComboboxCancel;
Group: typeof ComboboxGroup;
Label: typeof ComboboxLabel;
Content: typeof ComboboxContent;
Empty: typeof ComboboxEmpty;
Viewport: typeof ComboboxViewport;
Item: typeof ComboboxItem;
ItemIndicator: typeof ComboboxItemIndicator;
Separator: typeof ComboboxSeparator;
Arrow: typeof ComboboxArrow;
Portal: typeof ComboboxPortal;
};
declare const ContextMenu: {
Root: typeof ContextMenuRoot;
Trigger: typeof ContextMenuTrigger;
Portal: typeof ContextMenuPortal;
Content: typeof ContextMenuContent;
Arrow: typeof ContextMenuArrow;
Item: typeof ContextMenuItem;
Group: typeof ContextMenuGroup;
Separator: typeof ContextMenuSeparator;
CheckboxItem: typeof ContextMenuCheckboxItem;
ItemIndicator: typeof ContextMenuItemIndicator;
Label: typeof ContextMenuLabel;
RadioGroup: typeof ContextMenuRadioGroup;
RadioItem: typeof ContextMenuRadioItem;
Sub: typeof ContextMenuSub;
SubContent: typeof ContextMenuSubContent;
SubTrigger: typeof ContextMenuSubTrigger;
};
declare const Dialog: {
Root: typeof DialogRoot;
Trigger: typeof DialogTrigger;
Portal: typeof DialogPortal;
Content: typeof DialogContent;
Overlay: typeof DialogOverlay;
Close: typeof DialogClose;
Title: typeof DialogTitle;
Description: typeof DialogDescription;
};
declare const DropdownMenu: {
Root: typeof DropdownMenuRoot;
Trigger: typeof DropdownMenuTrigger;
Portal: typeof DropdownMenuPortal;
Content: typeof DropdownMenuContent;
Arrow: typeof DropdownMenuArrow;
Item: typeof DropdownMenuItem;
Group: typeof DropdownMenuGroup;
Separator: typeof DropdownMenuSeparator;
CheckboxItem: typeof DropdownMenuCheckboxItem;
ItemIndicator: typeof DropdownMenuItemIndicator;
Label: typeof DropdownMenuLabel;
RadioGroup: typeof DropdownMenuRadioGroup;
RadioItem: typeof DropdownMenuRadioItem;
Sub: typeof DropdownMenuSub;
SubContent: typeof DropdownMenuSubContent;
SubTrigger: typeof DropdownMenuSubTrigger;
};
declare const HoverCard: {
Root: typeof HoverCardRoot;
Trigger: typeof HoverCardTrigger;
Portal: typeof HoverCardPortal;
Content: typeof HoverCardContent;
Arrow: typeof HoverCardArrow;
};
declare const Menubar: {
Root: typeof MenubarRoot;
Trigger: typeof MenubarTrigger;
Portal: typeof MenubarPortal;
Content: typeof MenubarContent;
Arrow: typeof MenubarArrow;
Item: typeof MenubarItem;
Group: typeof MenubarGroup;
Separator: typeof MenubarSeparator;
CheckboxItem: typeof MenubarCheckboxItem;
ItemIndicator: typeof MenubarItemIndicator;
Label: typeof MenubarLabel;
RadioGroup: typeof MenubarRadioGroup;
RadioItem: typeof MenubarRadioItem;
Sub: typeof MenubarSub;
SubContent: typeof MenubarSubContent;
SubTrigger: typeof MenubarSubTrigger;
Menu: typeof MenubarMenu;
};
declare const NavigationMenu: {
Content: typeof NavigationMenuContent;
Indicator: typeof NavigationMenuIndicator;
Item: typeof NavigationMenuItem;
Link: typeof NavigationMenuLink;
List: typeof NavigationMenuList;
Root: typeof NavigationMenuRoot;
Sub: typeof NavigationMenuSub;
Trigger: typeof NavigationMenuTrigger;
Viewport: typeof NavigationMenuViewport;
};
declare const Pagination: {
Root: typeof PaginationRoot;
Ellipsis: typeof PaginationEllipsis;
First: typeof PaginationFirst;
Last: typeof PaginationLast;
List: typeof PaginationList;
ListItem: typeof PaginationListItem;
Next: typeof PaginationNext;
Prev: typeof PaginationPrev;
};
declare const PinInput: {
Root: typeof PinInputRoot;
Input: typeof PinInputInput;
};
declare const Popover: {
Root: typeof PopoverRoot;
Trigger: typeof PopoverTrigger;
Portal: typeof PopoverPortal;
Content: typeof PopoverContent;
Arrow: typeof PopoverArrow;
Close: typeof PopoverClose;
Anchor: typeof PopoverAnchor;
};
declare const Progress: {
Root: typeof ProgressRoot;
Indicator: typeof ProgressIndicator;
};
declare const RadioGroup: {
Root: typeof RadioGroupRoot;
Item: typeof RadioGroupItem;
Indicator: typeof RadioGroupIndicator;
};
declare const ScrollArea: {
Root: typeof ScrollAreaRoot;
Viewport: typeof ScrollAreaViewport;
Scrollbar: typeof ScrollAreaScrollbar;
Thumb: typeof ScrollAreaThumb;
Corner: typeof ScrollAreaCorner;
};
declare const Select: {
Root: typeof SelectRoot;
Trigger: typeof SelectTrigger;
Portal: typeof SelectPortal;
Content: typeof SelectContent;
Arrow: typeof SelectArrow;
Separator: typeof SelectSeparator;
ItemIndicator: typeof SelectItemIndicator;
Label: typeof SelectLabel;
Group: typeof SelectGroup;
Item: typeof SelectItem;
ItemText: typeof SelectItemText;
Viewport: typeof SelectViewport;
ScrollUpButton: typeof SelectScrollUpButton;
ScrollDownButton: typeof SelectScrollDownButton;
Value: typeof SelectValue;
Icon: typeof SelectIcon;
};
declare const Slider: {
Root: typeof SliderRoot;
Thumb: typeof SliderThumb;
Track: typeof SliderTrack;
Range: typeof SliderRange;
};
declare const Switch: {
Root: typeof SwitchRoot;
Thumb: typeof SwitchThumb;
};
declare const Tabs: {
Root: typeof TabsRoot;
List: typeof TabsList;
Content: typeof TabsContent;
Trigger: typeof TabsTrigger;
Indicator: typeof TabsIndicator;
};
declare const TagsInput: {
Root: typeof TagsInputRoot;
Input: typeof TagsInputInput;
Item: typeof TagsInputItem;
ItemText: typeof TagsInputItemText;
ItemDelete: typeof TagsInputItemDelete;
Clear: typeof TagsInputClear;
};
declare const Toast: {
Provider: typeof ToastProvider;
Root: typeof ToastRoot;
Action: typeof ToastAction;
Close: typeof ToastClose;
Viewport: typeof ToastViewport;
Title: typeof ToastTitle;
Description: typeof ToastDescription;
};
declare const ToggleGroup: {
Root: typeof ToggleGroupRoot;
Item: typeof ToggleGroupItem;
};
declare const Toolbar: {
Root: typeof ToolbarRoot;
Button: typeof ToolbarButton;
Link: typeof ToolbarLink;
ToggleGroup: typeof ToolbarToggleGroup;
ToggleItem: typeof ToolbarToggleItem;
Separator: typeof ToolbarSeparator;
};
declare const Tooltip: {
Root: typeof TooltipRoot;
Trigger: typeof TooltipTrigger;
Content: typeof TooltipContent;
Arrow: typeof TooltipArrow;
Portal: typeof TooltipPortal;
Provider: typeof TooltipProvider;
};
export { Accordion, AlertDialog, Avatar, Checkbox, Collapsible, Combobox, ContextMenu, Dialog, DropdownMenu, HoverCard, Menubar, NavigationMenu, Pagination, PinInput, Popover, Progress, RadioGroup, ScrollArea, Select, Slider, Switch, Tabs, TagsInput, Toast, ToggleGroup, Toolbar, Tooltip };