Button Element

Use the Button element to add clear calls to action anywhere in your layout, from a single button to a full group of actions.

Choose whether each item should look like a classic button or a simple text link. Then adjust the size, add an icon on the left or right, and make buttons take the full width when you want them to stand out more.

If you use multiple buttons, arrange them in a clean grid and control the column and row gaps so they stay balanced across different screen sizes.

And if a regular link is not enough, open images, videos, or external content in a modal. You can even show your own dialog content, like a size guide or extra information, in a modal window or an offcanvas sidebar.