Skip to content

Commit b737e92

Browse files
authored
Merge pull request #608 from dxc-technology/component-button
Add variants hierarchy usage table
2 parents c5ea427 + 5ce8576 commit b737e92

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

guidelines/components/button/README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,12 @@ Variants: **primary**, **secondary** and **text**.
2222
![Example of the button component variants](images/button_variants.png "Example of the button component variants")
2323
_Example of the button component variants_
2424

25+
| Variant | Description |
26+
| :------ | :---------- |
27+
| Primary | For the principal call to action on the page; primary buttons should only appear once per screen (not including the application header or in a modal dialog) |
28+
| Secondary | For less prominent actions; secondary buttons can be used in isolation or paired with a primary button when there are multiple calls to action |
29+
| Text | For the least pronounced actions; often used in conjunction with a primary button (e.g. cancel in a modal dialog) |
30+
2531
## States
2632

2733
The states are the different behaviors of the button component based on the interaction of the user.

0 commit comments

Comments
 (0)