Jumpstart your workflow with UI Prep's Data Table UI Kit. This kit includes everything you need to start designing beautiful tables that follow Material Design and Bootstrap best practices.
👉 Learn more with our article Ultimate Guide to Designing Data Tables
✅ Variants
✅ Base Components
✅ Auto Layout
✅ Saved Styles
✅ Quick Start Guide
✅ Playground
What's included?
The download includes a Figma design file (.fig) with the following:
Rows heights
• Regular, Relaxed, Condensed
Column types
• Text, Number, Right Icon, Left Icon, Double Icon, Badge
Column sort:
• None, Default, Active
Quick Start Guide
• Steps on how to get started
• Helpful resources
Table Playground
• Exercise #1: Instances 101
• Exercise #2: Configure variants
• Exercise #3: Swapping instances
• Exercise #4: Update components
• Exercise #5: Clip content
• Exercise #6: Auto layout
Watch a quick walkthrough of the full Design System
👉 Learn more at uiprep.com
----
Follow me on Twitter to say hi and learn about new updates and resources
Send an email to molly@quantidesign.io if you have any questions