Aksel

Meny

LinkPanel

Oppdatert Avviklet
GithubYarn FigmaEndringslogg

Intro

Lenkepanel er et større klikkbart element med enkelt innhold, og kort beskrivende tekst.

Egnet til:

  • Fremheve viktig og relatert innhold som finnes andre steder
Advarsel

Komponenten skal erstattes av en ny komponent på sikt. Den vil fortsatt finnes i kodepakkene våre frem til vi har et alternativ, men vi fraråder bruk i nye løsninger.

Eksempler

SandboxSandbox
Åpne eksempel i nytt vindu

Props

LinkPanel

as?

  • Type:
    React.ElementType
  • Description:

children?

  • Type:
    ReactNode
  • Description:

border?

  • Type:
    boolean
  • Default:
    true
  • Description:

className?

  • Type:
    string

data-color?

  • Type:
    (string & {}) | AkselColor

ref?

  • Type:
    LegacyRef<HTMLAnchorElement>
  • Description:

LinkPanel.Title

as?

  • Type:
    React.ElementType
  • Description:

className?

  • Type:
    string

data-color?

  • Type:
    (string & {}) | AkselColor

ref?

  • Type:
    LegacyRef<HTMLDivElement>
  • Description:

LinkPanel.Description

className?

  • Type:
    string

data-color?

  • Type:
    (string & {}) | AkselColor

ref?

  • Type:
    LegacyRef<HTMLDivElement>
  • Description:

Tokens

TokenFallback
--ac-link-panel-text--a-text-default
--ac-link-panel-hover-text--a-text-action-hover
--ac-link-panel-hover-border--a-border-action-hover
Hva er dette?

Komponent-tokens gir deg muligheten til å sette opp theming eller justere styling uten å måtte overskrive css-klasser. Les gjennom guiden vår eller utforsk alle design tokens.