LinkButton

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

Overview

Import

Import the component from @faststore/ui

import { LinkButton } from '@faststore/ui'

Import Styles

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

Usage

Props

Design Tokens

This component inherits Button design tokens.

Nested Elements

Icon

Variants

This component inherits Button variants.

Primary

Primary Inverse

Secondary

Secondary Inverse

Tertiary

Tertiary Inverse

Disabled

Small

Customization

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

data-fs-link-button

This component inherits Button CSS selectors and styles.

Best practices

✅ Do's

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

LinkButton

Overview​

Import​

Usage​

Props​

Design Tokens​

Nested Elements​

Icon​

Variants​

Primary​

Primary Inverse​

Secondary​

Secondary Inverse​

Tertiary​

Tertiary Inverse​

Disabled​

Small​

Customization​

Best practices​

✅ Do's​