Interface MiniAudioOptions

interface MiniAudioOptions {
    visible?: boolean;
    customStyle?: CSSProperties;
    name: string;
    showWaveform?: boolean;
    overlayPosition?: string;
    barColor?: string;
    textColor?: string;
    nameTextStyling?: CSSProperties;
    imageSource: string;
    roundedImage?: boolean;
    imageStyle?: CSSProperties;
    wrapperProps?: HTMLAttributes<HTMLDivElement>;
    draggableContainerProps?: HTMLAttributes<HTMLDivElement>;
    cardProps?: HTMLAttributes<HTMLDivElement>;
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    waveformContainerProps?: HTMLAttributes<HTMLDivElement>;
    barProps?: HTMLAttributes<HTMLDivElement>;
    nameContainerProps?: HTMLAttributes<HTMLDivElement>;
    nameTextProps?: HTMLAttributes<HTMLSpanElement>;
    imageProps?: ImgHTMLAttributes<HTMLImageElement>;
    renderWrapper?: ((options: {
        defaultWrapper: ReactNode;
        isVisible: boolean;
    }) => ReactNode);
    renderContainer?: ((options: {
        defaultContainer: ReactNode;
        isDragging: boolean;
        position: {
            x: number;
            y: number;
        };
    }) => ReactNode);
    renderCard?: ((options: {
        defaultCard: ReactNode;
        hasImage: boolean;
    }) => ReactNode);
    renderWaveform?: ((options: {
        defaultWaveform: ReactNode;
        showWaveform: boolean;
        animations: number[];
    }) => ReactNode);
}

Properties

visible? customStyle? name showWaveform? overlayPosition? barColor? textColor? nameTextStyling? imageSource roundedImage? imageStyle? wrapperProps? draggableContainerProps? cardProps? overlayProps? waveformContainerProps? barProps? nameContainerProps? nameTextProps? imageProps? renderWrapper? renderContainer? renderCard? renderWaveform?

Properties

Optionalvisible

visible?: boolean

OptionalcustomStyle

customStyle?: CSSProperties

name

name: string

OptionalshowWaveform

showWaveform?: boolean

OptionaloverlayPosition

overlayPosition?: string

OptionalbarColor

barColor?: string

OptionaltextColor

textColor?: string

OptionalnameTextStyling

nameTextStyling?: CSSProperties

imageSource

imageSource: string

OptionalroundedImage

roundedImage?: boolean

OptionalimageStyle

imageStyle?: CSSProperties

OptionalwrapperProps

wrapperProps?: HTMLAttributes<HTMLDivElement>

OptionaldraggableContainerProps

draggableContainerProps?: HTMLAttributes<HTMLDivElement>

OptionalcardProps

cardProps?: HTMLAttributes<HTMLDivElement>

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalwaveformContainerProps

waveformContainerProps?: HTMLAttributes<HTMLDivElement>

OptionalbarProps

barProps?: HTMLAttributes<HTMLDivElement>

OptionalnameContainerProps

nameContainerProps?: HTMLAttributes<HTMLDivElement>

OptionalnameTextProps

nameTextProps?: HTMLAttributes<HTMLSpanElement>

OptionalimageProps

imageProps?: ImgHTMLAttributes<HTMLImageElement>

OptionalrenderWrapper

renderWrapper?: ((options: {
    defaultWrapper: ReactNode;
    isVisible: boolean;
}) => ReactNode)

OptionalrenderContainer

renderContainer?: ((options: {
    defaultContainer: ReactNode;
    isDragging: boolean;
    position: {
        x: number;
        y: number;
    };
}) => ReactNode)

OptionalrenderCard

renderCard?: ((options: {
    defaultCard: ReactNode;
    hasImage: boolean;
}) => ReactNode)

OptionalrenderWaveform

renderWaveform?: ((options: {
    defaultWaveform: ReactNode;
    showWaveform: boolean;
    animations: number[];
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties