Hoppa till huvudinnehåll

LinkButton

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

Installation

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

export const Example = () => {
return (
<>
<LinkButton href='#'>Starta tjänst</LinkButton>
<LinkButton
variant='secondary'
href='#'
>
Starta tjänst
</LinkButton>
<LinkButton
variant='tertiary'
href='#'
>
Starta tjänst
</LinkButton>
</>
)
}

Riktlinjer

Se mönstret Knappar och länkar

API

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