Components / Input

Input

Single-line text entry in forms: names, links, handles.

import { Input } from '@layers/ui/input'

Rendered stock

House rules

• Pair every Input with a Label wired via htmlFor.
• Chat and composer inputs use a literal text-[16px], always; anything smaller makes mobile Safari zoom on focus.
• No optimistic saves: edits persist through an explicit Save button with a spinner.
• Sizes are default (36px) and lg (48px); there is no sm Input. Toolbar text entry goes through InputGroup, which has a 32px size="sm".