HomeAboutCodes

IntroductionCSS FlexboxCSS Grid Layout

AccordionAspect RatioBadgeBreadcrumbButtonCarouselCheckboxDate PickerDialogDrawerFormHover CardPaginationPopoverSheetSkeletonSonnerSwitchTableTooltip

Background FireworksBackground HexagonBackground HoleBackground StartElement SpringLoadingProgress ScrollText HighlightText RollingText ShimmeringText SplittingText Typing

Sortable

useClickOutsideuseCopyToClipboarduseDebounceuseFetchuseIsClientuseLocalStorageuseMediaQueryusePrevioususeToggleuseUnmount

Preview

Import

1import { Button } from "@repo/ui/components/button";
2import {
3  Tooltip as TooltipComp,
4  TooltipContent,
5  TooltipTrigger,
6} from "@repo/ui/components/tooltip";

Usage

1<TooltipComp>
2  <TooltipTrigger asChild>
3    <Button variant="outline">Hover</Button>
4  </TooltipTrigger>
5  <TooltipContent>
6    <p>Tooltip Content</p>
7  </TooltipContent>
8</TooltipComp>
TableBackground Fireworks