Website / Media

Audio

Renders accessible audio content.

Live example

Design systems, episode one

Northstar team

Provide a real audio URL and transcript in the consuming project.

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// Audio usage will be documented here.

Adopt to your project

This Website → Media → Audio component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Provide a transcript or equivalent text alternative.

API reference

API focus
Source, title, controls, transcript, duration.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Media → Audio