Skip to content

Link Component

Jonathan Langlois edited this page Dec 1, 2020 · 3 revisions

Link

Component to link to other pages/anchors.

Group Prop Type Description
Sizes mini boolean Sizing options intended to modify font-size and padding
tiny
small
medium
large
big
huge
Proportion full-height (non-themable) boolean Component takes 100% of parent height
full-width (non-themable) Component takes 100% of parent width
Disabled disabled boolean Disable input
URL href string URL to redirect to when clicked.
functionality preventDefault (for next apps) boolean For frameworks handling routing through their own internal functionality, disable the linking from anchor tag to prevent page reload.
Variants primary boolean Options for custom styling.
secondary
info
warning
danger
success
outline

Expected behaviours in progressive enhancements

HTML

  • it redirects to the given url.

HTML + CSS

  • it applies the theme styles; no additional functional enhancement.

HTML + CSS + JS

  • It supports SPA redirecting for nextjs
Clone this wiki locally