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.
Show Code
Border
Use Tailwind CSS to assign styles (e.g. border-color, border-radius).
Show Code
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.
Show Code
Complex
Use other list content to make complex design.
This demos use icon see documentation for more info.
Show Code
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.
Show Code