zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(core): airplay button (#1614)

Browse Source
This commit is contained in:
Santiago Puppo
2026-06-03 13:54:28 -07:00
committed by GitHub
parent 127443aaa2
commit 24a78d253a
40 changed files with 314 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/content/docs/reference/airplay-button.mdx
+4 -4
View File
@@ -1,5 +1,5 @@
---
title: AirplayButton
title: AirPlayButton
frameworkTitle:
html: media-airplay-button
description: Accessible AirPlay toggle button that opens the WebKit playback target picker and reflects session state
@@ -26,7 +26,7 @@ import basicUsageHtmlTs from "@/components/docs/demos/airplay-button/html/css/Ba
<FrameworkCase frameworks={["react"]}>
```tsx
<AirplayButton />
<AirPlayButton />
```
</FrameworkCase>
@@ -44,7 +44,7 @@ The toggle is a no-op unless `availability` is `"available"` — clicking the bu
The component consumes the unified <DocsLink slug="reference/feature-remote-playback">`remotePlayback`</DocsLink> store feature alongside `CastButton`: both buttons drive their state from the same feature, but each only surfaces on its supported platform (WebKit for AirPlay, Chromium for Cast).
WebKit does not expose a `"connecting"` intermediate state — `airplayState` flips directly between `"disconnected"` and `"connected"` when the AirPlay session changes. When connected, the picker itself acts as the disconnect UI.
WebKit does not expose a `"connecting"` intermediate state — the `state` slice flips directly between `"disconnected"` and `"connected"` when the AirPlay session changes. When connected, the picker itself acts as the disconnect UI.
## Styling
@@ -124,4 +124,4 @@ Renders a `<button>` with an automatic `aria-label`: "Start AirPlay" when discon
</StyleCase>
</FrameworkCase>
<ComponentReference component="AirplayButton" />
<ComponentReference component="AirPlayButton" />