Component
TimedRelease
Release it before the meter fills and the content settles on the left; keep holding until it fills and it settles on the right.
01 / Preview
Try it yourself.
Release before the meter fills for the left slot, or keep holding for the right.
Mechanism
- 1
- Press and hold the content.
- 2
- Release before or after the meter fills.
- 3
- Press again to clear the chosen slot.
02 / Usage
Put it somewhere.
example.tsxTSX
import { TimedRelease } from "gra-ui";
import "gra-ui/styles.css";
export function CarefullyReleased() {
return <TimedRelease>Release this carefully</TimedRelease>;
}03 / API
Small surface area.
PropTypeDescription
childrenReactNodeThe content parked by the release timing.