Pills
Pills are static or interactive elements that allow users to input, filter, or label information. To learn more about them, see Pill.
Keep pill labels simple, concise, and shorter than 25 characters. Write pill labels in title case (first letter of each word capitalized, except prepositions and articles).
Pills have a maximum width of 200 px (or about 25 characters), so if your label text is longer than that, it will be truncated with an ellipses, and the full label will only be visible in a tooltip when the user hovers over the pill. This is not an ideal user experience; avoid long labels whenever possible.
Do
- Customer Service
- Writing
- Cross-Functional Teamwork
- Carolyn Grimaldi
- California
Don’t
- Experience maintaining large databases
- 5 years of experience in customer service
Can't Find What You Need?
Check out our FAQ section which may help you find the information you're looking for. For further information, contact the #ask-canvas-design or #ask-canvas-kitchannels on Slack.