RecordButton

Pulsing record/stop button.

import { RecordButton } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

<RecordButton recording />

<RecordButton disabled />

Prop	Type	Default	Description
`recording`	`boolean`	`false`	Whether recording is currently active.
`onToggle`	`(recording: boolean) => void`	—	Callback when recording state is toggled.
`disabled`	`boolean`	`false`	Disable the button.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Size variant.
`class`	`string`	—	Additional CSS classes.
`style`	`import('solid-js').JSX.CSSProperties`	—	Inline styles.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.