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
- Components · Astryxastryx.atmeta.com
- Components | The Component Gallerycomponent.gallery
- What will you ship?rauno.me
- Geistvercel.com
- Geist Fontvercel.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Web Interface Guidelinesvercel.com
- Web Interface Guidelinesinterfaces.rauno.me
- Subframe – The AI design tool built for codesubframe.com
- Craftrauno.me
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai