VideoInput

Camera/video capture input.

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

#Playground

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

Loading preview…

Prop	Type	Default	Description
`value`	`File \| File[] \| null`	—	Currently selected video file(s).
`onChange` *	`(files: File \| File[] \| null) => void`	—	Callback when videos are selected or removed.
`mode`	`'single' \| 'list'`	`'single'`	Selection mode: 'single' for one video, 'list' for multiple.
`accept`	`string`	`'video/*'`	Accepted MIME types.
`maxSize`	`number`	—	Maximum file size in bytes.
`placeholder`	`string`	`'Select video'`	Placeholder text shown when no videos are selected.
`disabled`	`boolean`	`false`	Disable video selection.
`class`	`string`	—	Additional CSS classes.
`onError`	`(error: { type: 'validation' \| 'format' \| 'size' \| 'corrupt'; message: string; file?: File; }) => void`	—	Callback when a file validation or processing error occurs.
`error`	`string`	—	Error message to display (controlled). When set, shows error state.

* required prop.

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