Audio

Audio players provide a custom-styled interface for playing audio files with controls for play, pause, volume, and progress tracking.

Props

The Audio component accepts the following props:

• src - URL of the audio file to play (required)
• variant - Visual style: solid or soft (default: solid)
• color - Color theme: default, surface, primary, secondary, success, or muted (default: default)
• class - Additional CSS classes to apply

Example Usage

Basic usage with minimal props:

With custom styling: