button

General

GeneralComponent

Usage

Buttons encompasses three primary button styles: Primary, Secondary, and Tertiary. These distinct button styles serve various purposes and are essential for providing clear calls to action and enhancing user interactions. Primary buttonIs the most prominent and attention-grabbing button style. It is typically used for the primary action you want users to take on a page or within a specific context. Secondary buttonIt serves as a complementary action or a less prominent call to action compared to the Primary button. It is often used for actions that are less critical but still important. Tertiary buttonThe Tertiary button is the least prominent button style and is often used for non-critical actions or for providing additional options to users. PairingWhere there’s need for two buttons and one must be a Primary, the second one should be a Secondary. Where there’s need for two buttons and one must be a Secondary, the second one should be a Tertiary.