Variant
Use Tailwind CSS to assign variant (e.g. border-color, background-color, text-color).
To have table border and border radius use .border-separate
, overflow-hidden
and border-spacing: 0
.
Size
Use Tailwind CSS to assign size (e.g. padding, font-size).
Interactive
Use Tailwind CSS to assign animation (e.g. translate, transition-property, transition-duration, transition-timing-function).
Overflow
Use Tailwind CSS to overflow with scroll when content is too long (use narrow screen to see it in action).