Search

⌘ K

Media Icons
Documentation

Buttons
Toggle Button

Search

⌘ K

Current JS Library HTML

Player Library Version 0.x

Getting Started
Core Concepts
Providers
Styling
Media
- Player
- Outlet
Layout
- Controls
- Poster
Display
Buttons
Sliders

Buttons

Toggle Button API

Docs
API

Props

Attribute: disabled

Type: boolean

Reference

Whether the underlying button should be disabled (non-interactive).

Attribute: default-pressed

Type: boolean

Reference

Whether it should start in the on (pressed) state. This prop is only available on the base <media-toggle-button>.

Attribute: default-appearance

Type: boolean

Reference

Whether the default button appearance should stay visible when elements have been passed inside it.

Slots

Learn more about slots

Used to passing in content for showing pressed and not pressed states.

Used to place a tooltip above the button in the left corner.

Used to place a tooltip above the button in the center.

Used to place a tooltip above the button in the right corner.

Used to place a tooltip below the button in the left corner.

Used to place a tooltip below the button in the center.

Used to place a tooltip below the button in the right corner.

Instance Props

Type: boolean

Reference

Whether the underlying button is disabled (non-interactive).

Type: boolean

Reference

Whether the toggle is currently in a pressed state.

Previous <- Live Indicator

Next Play Button ->