Link Button

Link Button is similar to a button, however acts as a link to navigate users between pages.

Overview

<LinkButton href="#">Link Button</LinkButton>

Import the component from @faststore/ui

import { LinkButton } from '@faststore/ui'

Import Styles

import '@faststore/ui/src/components/molecules/LinkButton/styles.scss'

<LinkButton href="#">Link Button</LinkButton>

Name	Type	Description	Default
Coming Soon

This component inherits Button design tokens.

This component inherits Button variants.

Link Button

<LinkButton href="#" variant="primary">
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" variant="primary" inverse>
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" variant="secondary">
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" variant="secondary" inverse>
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" variant="tertiary">
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" variant="tertiary" inverse>
  Link Button
</LinkButton>

Link Button

<LinkButton href="#" disabled>
  Link Button
</LinkButton>

Link Button

<LinkButton variant="primary" size="small">
  Link Button
</LinkButton>

For further customization, you can use the following data attributes:

data-fs-link-button

This component inherits Button CSS selectors and styles.

Use the LinkButton only to navigate the user between store pages. For general purposes, use the standard Button.