In creating a design system for a CMS, I created a series of interaction states for various components. Here, the Media Card component (also available and coming soon: text card) is shown with different states such as loading, placeholder image, hover and selected.
Each card features:
- File name (long names truncated with "...")
- File type
- File size
- Publish Status (Published vs Unpublished)
- Checkbox (for bulk actions)
- Date and Time Last Modified
- Tags (when available)
- Actions (on hover)
More components from this design system coming soon. Thanks for checking out this shot!
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2020 Dribbble. All rights reserved.