Skip to Content
DocumentationBasic

Basic Example

The simplest way to use Media Picker.

Demo

Select Media

Code

BasicExample.tsx
import { MediaPickerButton } from '@koo-labs/media-picker';
import '@koo-labs/media-picker/styles.css';
 
export default function BasicExample() {
  const handleSelect = (media) => {
    console.log('Selected media:', media);
  };
 
  return (
    <MediaPickerButton onSelect={handleSelect}>
      Select Media
    </MediaPickerButton>
  );
}

Features

  • Single selection mode by default
  • Search photos and videos from Pexels
  • Responsive grid layout
  • Dark mode support
API ReferenceMulti-Selection