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

feat(site): generated multipart component api reference (#468)

Browse Source
This commit is contained in:
Darius Cepulis
2026-02-09 12:20:45 +11:00
committed by GitHub
parent 3c4152fb58
commit 4b1e863883
31 changed files with 1413 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/content/docs/reference/fullscreen-button.mdx
+25
View File
@@ -0,0 +1,25 @@
---
title: FullscreenButton
frameworkTitle:
html: media-fullscreen-button
description: A button component for entering and exiting fullscreen mode
---
import ApiReference from "@/components/docs/api-reference/ApiReference.astro";
import FrameworkCase from "@/components/docs/FrameworkCase.astro";
## Anatomy
<FrameworkCase frameworks={["react"]}>
```tsx
<FullscreenButton />
```
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
```html
<media-fullscreen-button></media-fullscreen-button>
```
</FrameworkCase>
<ApiReference component="FullscreenButton" />
site/src/content/docs/reference/mute-button.mdx
+15 -12
View File
@@ -1,22 +1,25 @@
---
title: MuteButton
frameworkTitle:
html: mute-button
html: media-mute-button
description: A button component for muting and unmuting audio playback
---
import ApiRefSection from '@/components/docs/api-reference/ApiRefSection.astro';
import ApiReference from "@/components/docs/api-reference/ApiReference.astro";
import FrameworkCase from "@/components/docs/FrameworkCase.astro";
## API Reference
## Anatomy
### Props
<FrameworkCase frameworks={["react"]}>
```tsx
<MuteButton />
```
</FrameworkCase>
<ApiRefSection component="MuteButton" section="props" />
<FrameworkCase frameworks={["html"]}>
```html
<media-mute-button></media-mute-button>
```
</FrameworkCase>
### State
<ApiRefSection component="MuteButton" section="state" />
### Data Attributes
<ApiRefSection component="MuteButton" section="dataAttributes" />
<ApiReference component="MuteButton" />
site/src/content/docs/reference/play-button.mdx
+15 -12
View File
@@ -1,22 +1,25 @@
---
title: PlayButton
frameworkTitle:
html: play-button
html: media-play-button
description: A button component for playing and pausing media playback
---
import ApiRefSection from '@/components/docs/api-reference/ApiRefSection.astro';
import ApiReference from "@/components/docs/api-reference/ApiReference.astro";
import FrameworkCase from "@/components/docs/FrameworkCase.astro";
## API Reference
## Anatomy
### Props
<FrameworkCase frameworks={["react"]}>
```tsx
<PlayButton />
```
</FrameworkCase>
<ApiRefSection component="PlayButton" section="props" />
<FrameworkCase frameworks={["html"]}>
```html
<media-play-button></media-play-button>
```
</FrameworkCase>
### State
<ApiRefSection component="PlayButton" section="state" />
### Data Attributes
<ApiRefSection component="PlayButton" section="dataAttributes" />
<ApiReference component="PlayButton" />
site/src/content/docs/reference/time.mdx
+33
View File
@@ -0,0 +1,33 @@
---
title: Time
frameworkTitle:
html: media-time
description: Components for displaying and composing media time information
---
import ApiReference from "@/components/docs/api-reference/ApiReference.astro";
import FrameworkCase from "@/components/docs/FrameworkCase.astro";
## Anatomy
<FrameworkCase frameworks={["react"]}>
```tsx
<Time.Group>
<Time.Value type="current" />
<Time.Separator />
<Time.Value type="duration" />
</Time.Group>
```
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
```html
<media-time-group>
<media-time type="current"></media-time>
<media-time-separator></media-time-separator>
<media-time type="duration"></media-time>
</media-time-group>
```
</FrameworkCase>
<ApiReference component="Time" />