Play State

Conditional components that show/hide other components based on a specific application state

Preview

Name

Control

Description

on

initializeactiveended

Player states

Code

<root class="p-4 flex justify-center">
  <play-state on="initialized"><span>On Initialized</span></play-state>
  <play-state on="active"><span>On Active</span></play-state>
  <play-state on="ended"><span>On Ended</span></play-state>
</root>