/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/bubble-tooltip.tsx
34 строки
962 B
shadcn
feat: @shadcn/react (#11022)
26 июн 2026, 20:19
Не верифицирован
26 июн 2026, 20:19
18fcf0f
Код
Авторство
О чём код?
import { CheckIcon } from "lucide-react" import { Bubble, BubbleContent, BubbleReactions, } from "@/styles/base-rhea/ui/bubble" import { Button } from "@/styles/base-rhea/ui/button" import { Tooltip, TooltipContent, TooltipTrigger, } from "@/styles/base-rhea/ui/tooltip" export function BubbleTooltipDemo() { return ( <div className="flex w-full max-w-sm flex-col gap-4 py-12"> <Bubble variant="secondary"> <BubbleContent>Did you remove the stale route?</BubbleContent> </Bubble> <Bubble align="end"> <BubbleContent>Yes, removed it from the registry.</BubbleContent> <BubbleReactions> <Tooltip> <TooltipTrigger render={<Button variant="ghost" size="icon-xs" />}> <CheckIcon /> </TooltipTrigger> <TooltipContent>Read on Jan 5, 2026 at 4:32 PM</TooltipContent> </Tooltip> </BubbleReactions> </Bubble> </div> ) }