Call-to-action
Use Calls-to-action (CTAs) for linking to important places. Calls-to-action are highlighted hyperlinks. Accordingly, styles are only honored for <a> elements with href attributes. For button styles see Button.
Omitting the href is equivalent to using disabled on a <button> element, hence the opacity and cursor styles matching those of disabled Buttons.
To accomodate consistency, there is a modified style for CTA's used in header navigation.
Light theme
| markup | demo |
|---|---|
|
|
|
|
|
|
|
Dark theme
Invoke the dark theme on any component by applyingclass="ds-dark" to a container element.
| markup | demo |
|---|---|
|
|
|
|
|
|
|