keep-vue/lib/index.js

Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.

//Accordion component
export { default as Accordion } from './components/Accordion/Accordion.vue';
export { default as AccordionContainer } from './components/Accordion/AccordionContainer.vue';
export { default as AccordionContent } from './components/Accordion/AccordionContent.vue';
export { default as AccordionIcon } from './components/Accordion/AccordionIcon.vue';
export { default as AccordionPanel } from './components/Accordion/AccordionPanel.vue';
export { default as AccordionTitle } from './components/Accordion/AccordionTitle.vue';
//Alert Component
export { default as Alert } from './components/Alert/Alert.vue';
export { default as AlertContainer } from './components/Alert/AlertContainer.vue';
export { default as AlertDescription } from './components/Alert/AlertDescription.vue';
export { default as AlertDismiss } from './components/Alert/AlertDismiss.vue';
export { default as AlertIcon } from './components/Alert/AlertIcon.vue';
export { default as AlertLink } from './components/Alert/AlertLink.vue';
export { default as AlertTitle } from './components/Alert/AlertTitle.vue';
//Avatar component
export { default as Avatar } from './components/Avatar/Avatar.vue';
export { default as AvatarFallback } from './components/Avatar/AvatarFallback.vue';
export { default as AvatarGroup } from './components/Avatar/AvatarGroup.vue';
export { default as AvatarImage } from './components/Avatar/AvatarImage.vue';
//badge component
export { default as Badge } from './components/Badge/Badge.vue';
//BreadCrumb component
export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.vue';
export { default as BreadcrumbDivider } from './components/Breadcrumb/BreadcrumbDivider.vue';
export { default as BreadcrumbEllipsis } from './components/Breadcrumb/BreadcrumbEllipsis.vue';
export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.vue';
export { default as BreadcrumbLink } from './components/Breadcrumb/BreadcrumbLink.vue';
export { default as BreadcrumbList } from './components/Breadcrumb/BreadcrumbList.vue';
export { default as BreadcrumbPage } from './components/Breadcrumb/BreadcrumbPage.vue';
//button component
export { default as Button } from './components/Button/Button.vue';
export { buttonVariants } from './components/Button/buttonTheme';
//ButtonGroup Component
export { default as ButtonGroup } from './components/ButtonGroup/ButtonGroup.vue';
//Card Component
export { default as Card } from './components/Card/Card.vue';
export { default as CardContent } from './components/Card/CardContent.vue';
export { default as CardDescription } from './components/Card/CardDescription.vue';
export { default as CardFooter } from './components/Card/CardFooter.vue';
export { default as CardHeader } from './components/Card/CardHeader.vue';
export { default as CardTitle } from './components/Card/CardTitle.vue';
//carousel component
export { default as Carousel } from './components/Carousel/Carousel.vue';
export { default as CarouselButtons } from './components/Carousel/CarouselButtons.vue';
export { default as CarouselControl } from './components/Carousel/CarouselControl.vue';
export { default as CarouselIndicators } from './components/Carousel/CarouselIndicators.vue';
export { default as CarouselItem } from './components/Carousel/CarouselItem.vue';
export { default as CarouselNextButton } from './components/Carousel/CarouselNextButton.vue';
export { default as CarouselPrevButton } from './components/Carousel/CarouselPrevButton.vue';
export { default as CarouselSlides } from './components/Carousel/CarouselSlides.vue';
export { default as CarouselViewport } from './components/Carousel/CarouselViewport.vue';
export { default as DotButton } from './components/Carousel/DotButton.vue';
//Checkbox component
export { default as Checkbox } from './components/Checkbox/Checkbox.vue';
//Divider
export { default as Divider } from './components/Divider/Divider.vue';
//Date Picker
export { default as DatePicker } from './components/Calender/Calendar.vue';
export { default as RangeDatePicker } from './components/RangeCalender/RangeCalendar.vue';
//Dropdown component
export { default as Dropdown } from './components/Dropdown/Dropdown.vue';
export { default as DropdownAction } from './components/Dropdown/DropdownAction.vue';
export { default as DropdownArrow } from './components/Dropdown/DropdownArrow.vue';
export { default as DropdownCheckboxItem } from './components/Dropdown/DropdownCheckboxItem.vue';
export { default as DropdownContent } from './components/Dropdown/DropdownContent.vue';
export { default as DropdownDivider } from './components/Dropdown/DropdownDivider.vue';
export { default as DropdownGroup } from './components/Dropdown/DropdownGroup.vue';
export { default as DropdownItem } from './components/Dropdown/DropdownItem.vue';
export { default as DropdownLabel } from './components/Dropdown/DropdownLabel.vue';
export { default as DropdownRadioGroup } from './components/Dropdown/DropdownRadioGroup.vue';
export { default as DropdownRadioItem } from './components/Dropdown/DropdownRadioItem.vue';
export { default as DropdownShortcut } from './components/Dropdown/DropdownShortcut.vue';
export { default as DropdownSub } from './components/Dropdown/DropdownSub.vue';
export { default as DropdownSubAction } from './components/Dropdown/DropdownSubAction.vue';
export { default as DropdownSubContent } from './components/Dropdown/DropdownSubContent.vue';
//Drawer component
export { DrawerTrigger as DrawerAction, DrawerClose, DrawerPortal } from 'vaul-vue';
export { default as Drawer } from './components/Drawer/Drawer.vue';
export { default as DrawerBar } from './components/Drawer/DrawerBar.vue';
export { default as DrawerContent } from './components/Drawer/DrawerContent.vue';
export { default as DrawerDescription } from './components/Drawer/DrawerDescription.vue';
export { default as DrawerFooter } from './components/Drawer/DrawerFooter.vue';
export { default as DrawerHeader } from './components/Drawer/DrawerHeader.vue';
export { default as DrawerOverlay } from './components/Drawer/DrawerOverlay.vue';
export { default as DrawerTitle } from './components/Drawer/DrawerTitle.vue';
//Empty component
export { default as Empty } from './components/Empty/Empty.vue';
export { default as EmptyDescription } from './components/Empty/EmptyDescription.vue';
export { default as EmptyImage } from './components/Empty/EmptyImage.vue';
export { default as EmptyTitle } from './components/Empty/EmptyTitle.vue';
//Input component
export { default as Input } from './components/Input/Input.vue';
export { default as InputIcon } from './components/Input/InputIcon.vue';
//Input OTP
export { default as InputOTP } from './components/InputOTP/InputOTP.vue';
export { default as InputOTPDivider } from './components/InputOTP/InputOTPDivider.vue';
export { default as InputOTPGroup } from './components/InputOTP/InputOTPGroup.vue';
export { default as InputOTPInputField } from './components/InputOTP/InputOTPInputField.vue';
//Label component
export { default as Label } from './components/Label/Label.vue';
//Modal Component
export { default as Modal } from './components/Modal/Modal.vue';
export { default as ModalAction } from './components/Modal/ModalAction.vue';
export { default as ModalClose } from './components/Modal/ModalClose.vue';
export { default as ModalContent } from './components/Modal/ModalContent.vue';
export { default as ModalDescription } from './components/Modal/ModalDescription.vue';
export { default as ModalFooter } from './components/Modal/ModalFooter.vue';
export { default as ModalHeader } from './components/Modal/ModalHeader.vue';
export { default as ModalTitle } from './components/Modal/ModalTitle.vue';
//Notification Component
export { default as Notification } from './components/Notification/Notification.vue';
export { default as NotificationAction } from './components/Notification/NotificationAction.vue';
export { default as NotificationClose } from './components/Notification/NotificationClose.vue';
export { default as NotificationContent } from './components/Notification/NotificationContent.vue';
export { default as NotificationDescription } from './components/Notification/NotificationDescription.vue';
export { default as NotificationFooter } from './components/Notification/NotificationFooter.vue';
export { default as NotificationTitle } from './components/Notification/NotificationTitle.vue';
//NumberInput component
export { default as NumberInput } from './components/NumberInput/NumberInput.vue';
export { default as NumberInputBox } from './components/NumberInput/NumberInputBox.vue';
export { default as NumberInputButton } from './components/NumberInput/NumberInputButton.vue';
//pagination component
export { default as Pagination } from './components/Pagination/Pagination.vue';
export { default as PaginationGoTo } from './components/Pagination/PaginationGoTo.vue';
export { default as PaginationItem } from './components/Pagination/PaginationItem.vue';
export { default as PaginationList } from './components/Pagination/PaginationList.vue';
export { default as PaginationNavigator } from './components/Pagination/PaginationNavigator.vue';
//Popover component
export { default as Popover } from './components/Popover/Popover.vue';
export { default as PopoverAction } from './components/Popover/PopoverAction.vue';
export { default as PopoverArrow } from './components/Popover/PopoverArrow.vue';
export { default as PopoverContent } from './components/Popover/PopoverContent.vue';
export { default as PopoverDescription } from './components/Popover/PopoverDescription.vue';
export { default as PopoverTitle } from './components/Popover/PopoverTitle.vue';
//progress component
export { default as CircleProgress } from './components/Progress/CircleProgress.vue';
export { default as CircleProgressLine } from './components/Progress/CircleProgressLine.vue';
export { default as CircleProgressText } from './components/Progress/CircleProgressText.vue';
export { default as LineProgress } from './components/Progress/LineProgress.vue';
export { default as LineProgressBar } from './components/Progress/LineProgressBar.vue';
export { default as LineProgressText } from './components/Progress/LineProgressText.vue';
//Radio component
export { default as Radio } from './components/Radio/Radio.vue';
//Rating component
export { default as Rating } from './components/Rating/Rating.vue';
export { default as RatingStar } from './components/Rating/RatingStar.vue';
export { default as Select } from './components/Select/Select.vue';
export { default as SelectAction } from './components/Select/SelectAction.vue';
export { default as SelectContent } from './components/Select/SelectContent.vue';
export { default as SelectDivider } from './components/Select/SelectDivider.vue';
export { default as SelectGroup } from './components/Select/SelectGroup.vue';
export { default as SelectItem } from './components/Select/SelectItem.vue';
export { default as SelectLabel } from './components/Select/SelectLabel.vue';
export { default as SelectScrollDownButton } from './components/Select/SelectScrollDownButton.vue';
export { default as SelectScrollUpButton } from './components/Select/SelectScrollUpButton.vue';
export { default as SelectValue } from './components/Select/SelectValue.vue';
//skeleton component
export { default as Skeleton } from './components/Skeleton/Skeleton.vue';
export { default as SkeletonLine } from './components/Skeleton/SkeletonLine.vue';
//slider component
export { default as Slider } from './components/Slider/Slider.vue';
//spinner component
export { default as Spinner } from './components/Spinner/Spinner.vue';
//steps component
export { default as StepLine } from './components/Steps/StepLine.vue';
export { default as StepPoint } from './components/Steps/StepPoint.vue';
export { default as Steps } from './components/Steps/Steps.vue';
//Switch component
export { default as Switch } from './components/Switch/Switch.vue';
//tabs component
export { default as TabContent } from './components/Tabs/TabContent.vue';
export { default as TabItem } from './components/Tabs/TabItem.vue';
export { default as TabList } from './components/Tabs/TabList.vue';
export { default as Tabs } from './components/Tabs/Tabs.vue';
// table component
export { default as Table } from './components/Table/Table.vue';
export { default as TableBody } from './components/Table/TableBody.vue';
export { default as TableCaption } from './components/Table/TableCaption.vue';
export { default as TableCell } from './components/Table/TableCell.vue';
export { default as TableFooter } from './components/Table/TableFooter.vue';
export { default as TableHead } from './components/Table/TableHead.vue';
export { default as TableHeader } from './components/Table/TableHeader.vue';
export { default as TableRow } from './components/Table/TableRow.vue';
//TextArea component
export { default as Textarea } from './components/Textarea/Textarea.vue';
//Timeline component
export { default as Timeline } from './components/Timeline/Timeline.vue';
export { default as TimelineContent } from './components/Timeline/TimelineContent.vue';
export { default as TimelineItem } from './components/Timeline/TimelineItem.vue';
export { default as TimelinePoint } from './components/Timeline/TimelinePoint.vue';
//toast component
export { Toast } from './components/Toast/Toast';
export { default as ToastWrapper } from './components/Toast/ToastWrapper.vue';
//tooltip
export { default as Tooltip } from './components/Tooltip/Tooltip.vue';
export { default as TooltipAction } from './components/Tooltip/TooltipAction.vue';
export { default as TooltipArrow } from './components/Tooltip/TooltipArrow.vue';
export { default as TooltipContent } from './components/Tooltip/TooltipContent.vue';
//Upload Component
export { default as Upload } from './components/Upload/Upload.vue';
export { default as UploadBody } from './components/Upload/UploadBody.vue';
export { default as UploadFooter } from './components/Upload/UploadFooter.vue';
export { default as UploadIcon } from './components/Upload/UploadIcon.vue';
export { default as UploadText } from './components/Upload/UploadText.vue';
export { default as VisuallyHidden } from './components/Helpers/VisuallyHidden.vue';