Something went wrong. Try again.
A design system in a box. hip-ui.tngl.io/docs/introduction
Something went wrong. Try again.
12345678910111213141516171819202122232425262728import { Button } from "@/components/button";import { ToggleButton } from "@/components/toggle-button";import { Toolbar, ToolbarGroup, ToolbarSeparator } from "@/components/toolbar";
export function Basic() { return ( <Toolbar aria-label="Text formatting"> <ToolbarGroup aria-label="Style"> <ToggleButton aria-label="Bold" variant="secondary"> <b>B</b> </ToggleButton> <ToggleButton aria-label="Italic" variant="secondary"> <i>I</i> </ToggleButton> <ToggleButton aria-label="Underline" variant="secondary"> <u>U</u> </ToggleButton> </ToolbarGroup> <ToolbarSeparator /> <ToolbarGroup aria-label="Clipboard"> <Button variant="secondary">Copy</Button> <Button variant="secondary">Paste</Button> <Button variant="secondary">Cut</Button> </ToolbarGroup> </Toolbar> );}