...
Buttons allow users to do something on the page. They are not meant for links to navigation to another page.
Types of buttons:
- Default
- Primary
- Cancel/Destructive
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
background-color: var(--color-white);
border-color: var(--color-cancel);
color: var(--color-cancel);
&[aria-pressed="true"]{
background-color: var(--color-cancel-dark);
color: var(--color-text-white);
}
&:disabled, &[aria-disabled="true"]{
pointer-events: none;
opacity: 0.4;
}
&:hover:hover, &:active{
border-color: var(--color-cancel);
background-color: var(--color-cancel);
color: var(--color-text-white);
} |
...