Component
SplitLabel
It separates a label, asks you to click both pieces, and reunites them exactly as they were before the interruption.
01 / Preview
Try it yourself.
Double-click, then click both halves. It reunites for no reason.
Mechanism
- 1
- Double-click the label.
- 2
- Select each newly separated half.
- 3
- Watch the unchanged label reunite.
02 / Usage
Put it somewhere.
example.tsxTSX
import { SplitLabel } from "gra-ui";
export function Example() {
return <SplitLabel label="Keep this together" />;
}03 / API
Small surface area.
PropTypeDescription
labelstringThe text to split into two selectable halves.