Rich text card block
Rich text card block
A rich text card block contains content about a single subject. It provides a way for a user to access more detailed information. We group cards to make it easier for a user to scan and take action.
See the Travelers Design System's guidelines on card usage for more tips on using the rich text card block.
Contents:
- Block customization options
- Block examples
Block customization options
| Element | Required | Options Available |
| Image | N |
User selection |
| Eyebrow | N |
User input |
| Rich Text Editor | N |
User Input |
Examples of rich text card block variations
Default rich text card with eyebrow and rich text content
Travelers Garage
There are many factors to consider before choosing whether to accept or decline additional rental car coverage.
| Element | Usage |
| Image | N |
| Eyebrow | Y |
| Rich Text Editor | Y |
Default rich text card with image, eyebrow, and rich text content
Travelers Garage
If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.
| Element | Usage |
| Image | Y |
| Eyebrow | Y |
| Rich Text Editor | Y |
Default rich text card with rich text content only
If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.
| Element | Usage |
| Image | N |
| Eyebrow | N |
| Rich Text Editor | Y |
Default rich text card example from the Contact Us page
MyTravelers
for individuals
For your home, car or boat insurance policies.
- Download your insurance cards
- Manage your policy and pay your bill
- File a claim, track status and more...
Get the MyTravelers for individuals app!
Apple and the Apple logo are trademarks and App Store is a service mark of Apple Inc., registered in the US and other countries. Google Play is a trademark of Google LLC.
| Element | Usage |
| Image | N |
| Eyebrow | N |
| Rich Text Editor | Y |