w1c-blink

Blink

Use w1c-blink sparingly for early-web emphasis. Keep the text meaningful when animation is disabled.

import '@w1c/components/blink';
<p><w1c-blink>New!</w1c-blink> Guestbook entries are open.</p>

API

  • speed: blink cycle duration in seconds.

Accessibility

The component replaces blinking with a dotted outline when prefers-reduced-motion: reduce is active.

Slots

  • default inline content

Parts

  • text