Select
vercel.com · 159 words · saved by 1 readers
Vercel's design system called Geist. Made for building consistent and delightful web experiences.
Error Please select a value. Please select a value. Please select a value. Best Practices Pick <Select> for short, fixed lists (under ~10 items) where typing adds nothing; switch to Combobox once filtering helps. Use MultiSelect when more than one value can be chosen at once; use Switch for a 2–3 option segmented choice. Group options past ~10 items with native <optgroup>; Geist <Select> has no .Group static. Options are Title Case when short and match canonical branding (Next.js, not NextJS); keep the same register across the list. Label is a short Title Case noun (Framework,…
saved by
related reading
- Geistvercel.com
- Geist Fontvercel.com
- Building an LLM safe design systempolar.sh
- What will you ship?rauno.me
- Design Engineering at Vercel: What we do and how we do it - Vercelvercel.com
- Web Interface Guidelinesvercel.com
- GitHub - vercel-labs/web-interface-guidelines: Guidelines for building interfaces on the Web.github.com
- Grainradgrainrad.com
- Building a Design System from scratch - The Blog of Maxime Heckelblog.maximeheckel.com
- Crafting the Next.js Websiterauno.me
- Teaching agents product design at Vercel - Vercelvercel.com
- Geistgeist.co