Read-state toggle
An 18px circular dot that toggles between an unread filled state and a read hollow state. Keyboard-focusable, aria-pressed semantics, with a halo on focus and a 12% scale-up on hover.
Production answer
Read-state toggle is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Read-state toggle states
Generative search brief
Read-state toggle: An 18px circular dot that toggles between an unread filled state and a read hollow state. Keyboard-focusable, aria-pressed semantics, with a halo on focus and a 12% scale-up on hover.