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

chore(site): audit and encode docs patterns (#535)

Browse Source 
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-02-13 14:04:55 -06:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 84b7b0774a
commit b1c8022794
111 changed files with 2680 additions and 4642 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/content/docs/reference/pip-button.mdx
+27
View File
@@ -35,6 +35,33 @@ import basicUsageHtmlTs from "@/components/docs/demos/pip-button/html/css/BasicU
```
</FrameworkCase>
## Behavior
Toggles picture-in-picture (PiP) mode. Detects platform support through `availability` — when PiP is `"unsupported"`, the toggle does nothing.
## Styling
You can style the button based on PiP state:
```css
/* In PiP mode */
media-pip-button[data-pip] {
background: red;
}
```
Consider hiding the button when unsupported:
```css
media-pip-button[data-availability="unsupported"] {
display: none;
}
```
## Accessibility
Renders a `<button>` with an automatic `aria-label`: "Enter PiP" or "Exit PiP". Override with the `label` prop. Keyboard activation: <kbd>Enter</kbd> / <kbd>Space</kbd>.
## Examples
### Basic Usage