Links are used to navigate to a destination.
Links are used to navigate to a destination which can be on the same page or a different one.
A link consist of just a text. It does not contain any padding.
Links come in 2 sizes - regular and tiny.
Links come in 2 appearances - primary and subtle.
Links come in 5 states - default, hover, active, focus and disabled.
Property | Value(s) | Default value |
---|---|---|
Appearance | Default | |
Size | Regular |
It is the default link component and comes in the primary color. It is used to draw attention and hence it is not recommended to have many links on a single page.
This is the subtle variant of link and hence uses a lighter color. It is primarily used in the breadcrumb component. Use it sparingly such as times when the default link can be too overwhelming to use (too much primary color on the screen).