Keyframe toggle component for timeline interactions
npm install @hautechai/webui.keyframetoggleToggle button component for keyframe interactions in timeline interfaces. Displays different visual states and styles based on keyframe status.
``bashpnpm (recommended)
pnpm add @hautechai/webui.keyframetoggle
Parameters
| Parameter | Type | Description |
| --------- | ------------------------------------------------ | --------------------------------------------------------------- |
| onClick | (e: React.MouseEvent) => void | Optional click event handler function |
| state | 'noKeyframes' \| 'hasKeyframes' \| 'isKeyframe' | Required state determining the visual appearance and icon style |
| disabled | boolean | Optional flag to disable interactions and apply disabled styles |
Usage Example
tsx
``