Media
Source page in Figma: Media · 35 component sets · 2 standalone components
Index: ../component-registry.md · Workflows: ../workflows.md
Component Sets (35)
Section titled “Component Sets (35)”| Name | Key | Variants | Properties |
|---|---|---|---|
| .Audio player content/Audio simple with Wave sound | 96da217f7fb629a05e8028c0d48359d63e1d88bf | 4 | Duration#8355:2=bool (default True)Replay 10s#8355:3=bool (default True)Play= False | True (default False)Layout= False | Icon only (default False) |
| Audio player item/Volume control | 4864e27089dc6cb584fae559f09fa62bf67d9b9a | 8 | Sound=Max | Mute | Medium | Low (default Max)State= Default | Hover (default Default) |
| Audio player item/Volume control vertical | 6dbc93448b4db5c39df2b4f35cef9b68688056a9 | 8 | State=Default | Mute | Hover (default Hover)Sound= Max | Mute | Medium | Low (default Max) |
| Audio player item/Wave sound 1 (Complex) | 21d720f246e02c89c71f89e29f306decc86e2609 | 4 | Processing=1/3 | Clear | 1/2 | 3/4 (default Clear) |
| Audio player item/Wave sound 2 (Thin) | 78df4ef9c60908cfcf202c6c17759b611df4205d | 4 | Processing=Clear | 1/3 | 1/2 | 3/4 (default Clear) |
| Audio player item/Wave sound 3 (Medium thick) | 615664952f32d8586ea3b84e000485c2d4fcaf6d | 4 | Processing=Clear | 1/3 | 1/2 | 3/4 (default Clear) |
| Audio player item/Wave sound 4 (Thick) | 2690e010e6ec92874bc7a6c530287429eacc7260 | 4 | Processing=Clear | 1/3 | 1/2 | 3/4 (default Clear) |
| Audio player/Audio player Dim style | a3eb8d249b1382460f4d529b6ad1505facfbad98 | 4 | Forward#13021:6=bool (default True)Backward#13021:9=bool (default True)Audio control#31741:3=bool (default True)Play= True | False (default False)Size= xl | Supper (default Supper) |
| Audio player/Audio player Primary style | 02f97465be6cb5117f052a60f89dd527990f9f83 | 28 | Forward#13021:6=bool (default True)Backward#13021:9=bool (default True)Audio control#31741:0=bool (default True)Current#31741:11=bool (default True)State= Playing | Start (default Start)Size= xl | md | sm | lg (default xl)Audio style= Sound wave | Progress line (default Sound wave)Breakpoint= Default | <769 (default Default) |
| Audio player/Audio player dark style | 04a3324be4417f5a50e044f46dd5910c6e3656a2 | 28 | Forward#13021:6=bool (default True)Backward#13021:9=bool (default True)Current#31741:11=bool (default True)State= Playing | Start (default Start)Size= xl | md | sm | lg (default xl)Audio style= Sound wave | Progress line (default Sound wave)Breakpoint= Default | <769 (default Default) |
| Audio player/Item/Current time indicator | 7bc7672c0ce593e574019ac890d9b8999d7f7753 | 2 | Hover=False | True (default False) |
| Audio player/Medium full | 45c34eb24adcbcbe5a997a4976aeeab95ac99598 | 8 | 👁️ Volume#14120:0=bool (default True)👁️ Time text#14124:0=bool (default True)Breakpoint= >519 | <520 (default >519)Layout= Full | Simplify (default Full)Size= Medium | Small (default Medium) |
| Audio player/Medium simple | c01c41f8f1edda1ee07d2acedb77547c8278fce4 | 6 | Reset#13410:0=bool (default True)Playing= Yes | No (default No)Breakpoint= Mobile | Desktop (default Desktop)Color= Gray | White (default Gray) |
| Audio player/Small, simple audio player | adf987d76f9fcad678e5f34a0cfae29b7622d0bc | 2 | Replay 10s#20389:6=bool (default True)Play= True | False (default False) |
| Audio player/Tiny, minify audio player | 7804808f504320eb7c73ac7907f50f1683c18a2d | 4 | Play=True | False (default False)Layout= Default | Icon (default Default) |
| Audio/Recorder | fca48253de336c845ef1d3a9223b969b8a43ffe3 | 9 | Default state=Default | Disable | Disable + message | None (default Default)Record state= None | Recording | Pause | Recording disrupt (default None)Wave= False | True (default False) |
| Block/Video player | e88fa8cdaac9c3fe0dfcadfe1a8638fbb1f1cc91 | 8 | Breakpoint=760+ | 759 -> 600 | <600 (default 760+)Type= Full | Min | None | Fixed | Mini (default Full) |
| Button/Video player control/CC | bd3aaa2085740cf8fd3589e8a84b8543747b9bb8 | 4 | ON=No | Yes | ON3 | ON4 (default No) |
| Button/Video player control/Other video button | 76b9ec184d55112c237bbe51dcf4f2dc4b3791c5 | 4 | Hover=yes | no (default no)Type= Full screen | Wide screen (default Full screen) |
| Button/Video player control/Repeat | c564718d2a02dcccf3cde80ca2b24736f88a02f7 | 6 | Repeat=Off Repeat | Repeat x1 | Repeat x2 (default Repeat x1)State= Default | Hover (default Default) |
| Button/Video player control/Speed dark | 31d250af5e5e7b26c8c695d968ddd3b2e9e21d9c | 6 | State=Default | Hover (default Default)Type= 0.75x | 1x | 0.5x (default 1x) |
| Button/Video player control/Volume dark | d2b6741d46431c74540d8e825cc208b88c28c473 | 4 | State=Default | Hover (default Default)Type= Default | Mute (default Default) |
| Control bar/Mini | fcdeb174c3dfce980075103c295fe5415c780d66 | 5 | State=Playing | Pause | Hide | End | Started (default Playing) |
| Control bar/Mobile | bf7b1429218b241dbd4095352a61be22fd65e8d2 | 5 | State=Playing | Pause | Hide | End | Started (default Playing) |
| Media buttons/Primary | 31d1368aec9ea2bc02b9c8db3b0440958c50512a | 132 | State=Default | Disable (default Default)Type= Pause | Play | Record | Stop | Loading | Replay (default Record)Transparent= False | True (default False)Style= Round | Block (default Block)Size= xl | lg | md (default xl) |
| Media buttons/Secondary | 1d7032f5bf6384fdb59c9fad9f5a4fee301657b2 | 132 | State=Default | Disable (default Default)Type= Pause | Play | Stop | Record | Loading | Replay (default Record)Transparent= False | True (default False)Style= Round | Block (default Block)Size= md | lg | sm (default lg) |
| Media player item/Seekbar | 842f49ef87c5927713aa75a1fb47d48494c9405e | 6 | Node#13732:1=bool (default True)Playback= Playing | None | Finish (default Playing)Size= Medium | Small (default Medium) |
| Play button | b2329b4d091cfb1717453d5d6d9f0401b6507572 | 9 | State=Default | Hover | Pressed (default Default)Size= Large | Super | Medium (default Super) |
| Player item | 56086e39361316806cd5f3589bbf7cecb9bc4ad3 | 6 | State=Progress node | Hover (default Progress node)Size= Medium | Small | Mini (default Medium) |
| Recorder player/Small, simple recorder | 40e1ce5aae37c84a7c43b0d8cd1096db3553b68c | 12 | Replay 10s#20389:0=bool (default True)State= Start | Recording - Uploading | Disable | Recorded - Preview file | Playing preview | Error (default Start)Case= Record | Upload audio file (default Record) |
| Seekbar/Video | f632bf28473f0c03b11755f928063699f196b772 | 4 | Quiz node#3601:0=bool (default False)State= Default | Hover (default Default)Breakpoint= Default | Mobile (default Default) |
| Timeline | 28727682f15fd8fa39a5724778cabdfb8e6acdb2 | 10 | State=Default | Hover (default Default)Type= Time spent | Countdown | Started (default Time spent)Size= lg | sm (default lg) |
| Video control bar | 763c79e63f8443a15020bd8e7a1d659f17b35762 | 15 | Full screen#32890:0=bool (default True)Window#32890:11=bool (default True)Sound#32890:22=bool (default True)State= Playing | Pause | Hide | End | Started (default Playing)Size= Default | Small | mini (default Default) |
| Video overlay | 67eef1500a4779c311573a81248cd4a7f1e91069 | 30 | State=Started | Playing | End | Pause (default Playing)CC= Yes | No (default Yes)Mouse enter= No | Yes (default Yes)Breakpoint= Desktop | Mobile | Mini (default Desktop) |
| Volume setting/Slider item (Dark) | b869840a2c6638e445c698418aa49bb6ae582381 | 2 | State=Default | Mute (default Default) |
Standalone Components (2)
Section titled “Standalone Components (2)”| Name | Key |
|---|---|
| Audio player/Clean style | 57e1d8f86cf404c66bf1b56eb6530c62ad8ce017 |
| Video item | 35f68cd5e7a141548bbf095f817feed6c8913e0f |