Skip to main content

Back to DTI homepage

Introduction

Styles

Color
Layout
Typography

Components

Accordion
Button
Card
Chip
Icon
Icon wrapper
Input
Logo box
Tabs

Page sections

CTA
Feature
Footer
Hero
Navbar
Section separator
Section title

Button

Clickable elements to perform actions or navigate.

Default button

Has a label and an optional chip inside.

The transparent variant is used when the button is on top of an image, like in the CTA page section

Icon button

Use when you just need an icon.

Remember to add the aria-label prop to specific alt text for the icon button.