LinkButton

Länkknapp

Storybook

React Aria

Komponent med samma utseende och beteende som Button men avsedd att använda som länk internt eller externt i en applikation.

Starta tjänstStarta tjänstStarta tjänst

Installation

npm

npm install @midas-ds/components

Yarn

yarn add @midas-ds/components

pnpm

pnpm add @midas-ds/components

import { LinkButton } from '@midas-ds/components'

export const Example = () => {
  return (
    <div
      className='card'
      style={{ display: 'flex', flexDirection: 'row', gap: '1rem' }}
    >
      <LinkButton href='#'>Starta tjänst</LinkButton>
      <LinkButton
        variant='secondary'
        href='#'
      >
        Starta tjänst
      </LinkButton>
      <LinkButton
        variant='tertiary'
        href='#'
      >
        Starta tjänst
      </LinkButton>
    </div>
  )
}

Starta tjänstStarta tjänstStarta tjänst

Riktlinjer

Se mönstret Knappar och länkar

API

Name	Type	Default	Description
variant	"icon" | "primary" | "secondary" | "tertiary" | "danger"	-
fullwidth	boolean	-
iconPlacement	"left" | "right"	-
icon	LucideIcon	-
className	string	-
as	React.ElementType	-