This element is a Picture-in-Picture toggle.
Attributes
| Attribute | React prop | Type | Default | Description |
|---|
target | target | string | "" | ID of the target element this component controls or reads from. |
Slots
| Slot | Description |
|---|
enter | Shown when the target is not in Picture-in-Picture mode. Click the target to enter Picture-in-Picture mode. |
exit | Shown while the target is in Picture-in-Picture mode. Click the target to exit Picture-in-Picture mode. |
CSS Parts
| Part | Description |
|---|
button | The click target that contains the slotted `enter` and `exit` content. |