File tree Expand file tree Collapse file tree 1 file changed +0
-22
lines changed
components/control/select_input/dsm/guideline Expand file tree Collapse file tree 1 file changed +0
-22
lines changed Original file line number Diff line number Diff line change 11** ` False ` ** A subtle and minimal style (neutral input border)
22
33** ` True ` ** A soft, friendly style, a bit more playful and approachable
4-
5- ### Do & don'ts
6-
7- ✅ ** Do:** Use rounded corners consistently across all form inputs in the same interface to maintain visual harmony
8-
9- ❌ ** Don't:** Mix sharp and rounded corners arbitrarily within a single form, creating visual inconsistency
10-
11- ✅ ** Do:** Choose rounded corners when designing for consumer-facing products where friendliness enhances user comfort
12-
13- ❌ ** Don't:** Use extreme border radius values that compromise the rectangular nature of form inputs
14-
15- ✅ ** Do:** Consider accessibility by ensuring rounded corners don't interfere with touch target size on mobile devices
16-
17- ❌ ** Don't:** Apply rounded corners only to select inputs when other form controls remain sharp-edged
18-
19- ✅ ** Do:** Test rounded corners with your brand guidelines to ensure they align with overall design language
20-
21- ❌ ** Don't:** Use rounded corners in highly formal or technical interfaces where neutrality is required
22-
23- ✅ ** Do:** Maintain consistent corner radius values across different input sizes for visual coherence
24-
25- ❌ ** Don't:** Round corners so aggressively that the input resembles a pill shape, reducing form recognition
You can’t perform that action at this time.
0 commit comments