Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Capture source row

Linear: AUT-128

Collapsed row in the tray record popover for the camera + microphone slots. Five grid columns: leading icon tile, title + subtitle column, optional live meter, on/off toggle, expand chevron.

Camera · Microphone with meter

API

#![allow(unused)]
fn main() {
use ui_storybook::components::{
    CaptureSourceRow, CaptureSourceView, CaptureSourceKind,
};

view! {
    <CaptureSourceRow view=CaptureSourceView {
        id: "mic-built-in",
        kind: CaptureSourceKind::Microphone,
        title: "MacBook Pro Microphone",
        subtitle: "Built-in · 48 kHz",
        enabled: true,
        expanded: false,
        favorite: true,
        level: Some(0.45),
    } />
}
}

Meter is microphone-only

view.level only renders when kind == Microphone. Cameras ignore the value — the meter slot stays empty even if the prop is Some. That keeps CaptureSourceView symmetric for the parent without forcing kind-specific structs.

Composition

flowchart LR
    Row[CaptureSourceRow] --> Icon[IconTile · Device]
    Row --> Text[title + subtitle]
    Row --> Meter[Meter · microphone only]
    Row --> Toggle[ToggleSwitch]
    Row --> Chevron[chevron · expand]

Reuses IconTile (UI-01), Meter (UI-04), ToggleSwitch (UI-04). No new primitives — composition only.