@neuctra/ui
Version:
A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.
51 lines (50 loc) • 2.19 kB
TypeScript
interface AudioTrack {
src: string;
title: string;
artist?: string;
thumbnail?: string;
duration?: string;
}
interface AudioGalleryProps {
tracks?: AudioTrack[];
className?: string;
galleryTitle?: string;
primaryColor?: string;
backgroundColor?: string;
textColor?: string;
secondaryColor?: string;
autoplay?: boolean;
borderColor?: string;
border?: number;
maxWidth?: number;
loop?: boolean;
/** 🔥 Full Customization */
headerClassName?: string;
titleClassName?: string;
subtitleClassName?: string;
shuffleButtonClassName?: string;
trackListClassName?: string;
trackItemClassName?: string;
thumbnailClassName?: string;
trackInfoClassName?: string;
trackTitleClassName?: string;
trackArtistClassName?: string;
durationClassName?: string;
trackPlayButtonClassName?: string;
playerClassName?: string;
playerTitleClassName?: string;
playerArtistClassName?: string;
controlsClassName?: string;
controlButtonClassName?: string;
playButtonClassName?: string;
progressBarClassName?: string;
progressTrackClassName?: string;
progressFillClassName?: string;
secondaryControlsClassName?: string;
likeButtonClassName?: string;
loopButtonClassName?: string;
volumeSliderClassName?: string;
muteButtonClassName?: string;
}
export declare function AudioGallery({ tracks, className, galleryTitle, primaryColor, backgroundColor, textColor, secondaryColor, border, borderColor, maxWidth, autoplay, loop, headerClassName, titleClassName, subtitleClassName, shuffleButtonClassName, trackListClassName, trackItemClassName, thumbnailClassName, trackInfoClassName, trackTitleClassName, trackArtistClassName, durationClassName, trackPlayButtonClassName, playerClassName, playerTitleClassName, playerArtistClassName, controlsClassName, controlButtonClassName, playButtonClassName, progressBarClassName, progressTrackClassName, progressFillClassName, secondaryControlsClassName, likeButtonClassName, loopButtonClassName, volumeSliderClassName, muteButtonClassName, }: AudioGalleryProps): import("react/jsx-runtime").JSX.Element;
export {};