Notes Composer Shortform Blog Block for React

Nowhere. It's added to the block's own state, shown first in the feed under the name "You" with the words "Just now", and lost on reload. A status line says so. To make it real, send the text to your server in the submit handler and prepend what comes back.

The ring fills with the length. In the last 20 characters a warning icon and the number of characters remaining appear (in a space reserved for them, so nothing shifts), and past the limit the number goes negative and Post note switches off. Screen readers hear it only at 20, 10, 0 and over, never on every keystroke.

Each like is a Toggle: pressed adds one to the note's base count and the number rolls to it; pressing again takes it back. The button's name says whose note it is, the first words and the count, and the rolling digits are hidden from assistive technology. The toggle takes pressed and onPressedChange.

Back to the text field, so you can write another note. The Shine Button is disabled while the field is empty, so it would otherwise lose the focus.

The composer comes first and the feed follows it, with a hairline between them. The divider and its plus mark appear from lg.

Yes. The split and the composer mirror, and dates and counts are isolated with bdi.