المؤقت · النمط البصري

    <.timer class="timer w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--accent w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--brand w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--alert w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--info w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--success w-full max-w-xs" start_ms={60_000} target_ms={0} countdown />

  

    <.timer class="timer timer--sm w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--md w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--lg w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--xl w-full" start_ms={60_000} target_ms={0} countdown />

  

    <.timer class="timer timer--text-sm w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--text-xl w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--text-2xl w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--text-4xl w-full" start_ms={60_000} target_ms={0} countdown />

  

    <.timer class="timer timer--rounded-none w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--rounded-md w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--rounded-lg w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--rounded-xl w-full" start_ms={60_000} target_ms={0} countdown />
<.timer class="timer timer--rounded-full w-full" start_ms={60_000} target_ms={0} countdown />