React form and settings blocks

Filter bars, settings rows, API key reveal, tag input, inline create and unsaved-changes bars for React apps.

Filter bar

Search plus removable active filters, and a Clear that only appears when needed.

Switches with room to explain what each one actually promises.

A secret masked to its prefix, copyable without revealing it.

Adding an item without leaving the list or opening a dialog.

aria-invalid, aria-describedby and a summary of links to the failures.

Compares against what loaded, so undoing an edit hides it again.

Copy reads state, so the key never has to be shown.

Backspace removes the last tag, which is what makes it feel native.

Descriptions tied to the switch, and dependants explain themselves.