👋 Hi, this is a demo!
Components
molecules
Components
Call to action
This pattern is used for call to action links to allows user to navigate around the site.
Primary
Primary buttons are used for highlighting important actions within a page or workflow. Use Primary sparingly, as overuse can cause confusion to a user.
Secondary
Secondary is intended for general use buttons and actions like triggering popouts, filtering and sharing actions. This is typically the most appropriate button type because of its neutral visual weight.
Text link
Under the hood, Link is an extension of the Text component. By default it will inherit its font size from its parent unless a size is set with the fontSize prop.
Properties
System props apply standard sets of properties to a component that can be used to alter its appearance on the fly.
| Name | Type | Required? | Default Value | Description |
|---|---|---|---|---|
| type | string | optional | 'primary' | Type of CTA |
| href | string | optional | '#' | URL, used when `Link` is rendered as an `<a />` |
| target | string | optional | '_self' | Specifies where to open the navigated document |
| children | node | optional | none | Link content (accepted via string or components / DOM nodes) |