import { Separator } from "@base-ui/react/separator";import { Toggle } from "@base-ui/react/toggle";import { ToggleGroup } from "@base-ui/react/toggle-group";import { Toolbar } from "@base-ui/react/toolbar";import { TextBolderIcon, TextItalicIcon, TextStrikethroughIcon, TextUnderlineIcon,} from "@phosphor-icons/react";export default function ExampleToolbar() { return ( `d-f w-9 h-9 ai-c jc-c bw-0 br-1 us-none c-p fv:os-s fv:ow-2 fv:oo-2 fv:oc-indigo-6 ${ state.pressed ? "bg-indigo c-white" : "bg-transparent c-slate-8 h:bg-silver-1 h:c-slate-10" }` } > `d-f w-9 h-9 ai-c jc-c bw-0 br-1 us-none c-p fv:os-s fv:ow-2 fv:oo-2 fv:oc-indigo-6 ${ state.pressed ? "bg-indigo c-white" : "bg-transparent c-slate-8 h:bg-silver-1 h:c-slate-10" }` } > `d-f w-9 h-9 ai-c jc-c bw-0 br-1 us-none c-p fv:os-s fv:ow-2 fv:oo-2 fv:oc-indigo-6 ${ state.pressed ? "bg-indigo c-white" : "bg-transparent c-slate-8 h:bg-silver-1 h:c-slate-10" }` } > `d-f w-9 h-9 ai-c jc-c bw-0 br-1 us-none c-p fv:os-s fv:ow-2 fv:oo-2 fv:oc-indigo-6 ${ state.pressed ? "bg-indigo c-white" : "bg-transparent c-slate-8 h:bg-silver-1 h:c-slate-10" }` } > Undo Redo );}

Toolbar

Installation

Examples

Base

API Reference