Input fields

Input fields collect a value that editors type in or set with a control: a tagline, a capacity, a brand color, a list of amenities, an embed snippet.

In this section

Text, email, URL, phone, and passwordSingle-line and multi-line text, plus fields that check the format of what's typed.Rich textA formatted text editor whose output is limited to the formatting you allow.MarkdownProA Markdown editor with a toolbar and live preview, rendered to HTML when displayed.Number, stepper, and slidersCounts and measurements, values on a scale, and from–to ranges.ColorA color picker that stores a clean hex value.ListA simple list of short text items, like amenities or keywords.CodeA code editor with syntax highlighting that stores snippets exactly as written.