siro-media-library

Siro Media Library

A comprehensive React media library component for managing images, videos, and files with drag-and-drop functionality, folder organization, and search capabilities.

Installation

npm install siro-media-library

Usage

Basic Implementation

import React, { useState } from 'react';
import MediaIndex from 'siro-media-library';

function App() {
  const [selectedImage, setSelectedImage] = useState(null);

  const handleImageSelect = (image) => {
    setSelectedImage(image);
    console.log('Selected image:', image);
  };

  const handleCancel = () => {
    // Handle modal close
  };

  return (
    <div>
      <MediaIndex
        page={true}
        setImage={handleImageSelect}
        onCancel={handleCancel}
        open={true}
        type="image"
      />
    </div>
  );
}

Styling

The component uses styled-components and supports theme customization. You can override the default theme by passing a theme object to the ThemeProvider.

License

MIT © yondo33