Size
Use Tailwind CSS to assign size (e.g. padding, font-size).
Use Tailwind CSS to assign width (e.g. width, max-width).
Use list space to space content.
Border
Use Tailwind CSS to assign styles (e.g. border-color, border-radius).
Alignment and Icon
Use Tailwind CSS to assign alignment (e.g. text-align, align-items, justify-content).
To properly align horizontally also when newlines specify both text-align and justify-content.
This demos use icon see documentation for more info.
Complex
Use other list content to make complex design.
This demos use icon see documentation for more info.
Merge
You can make group a single interactive object, just put button
tag including the interactive elements, be sure to use group
class and variants.