Intro
Lenkepaneler er et større klikkbart element med enkelt innhold, og kort beskrivende tekst.
Egnet til:
- Fremheve viktig og relatert innhold som finnes andre steder
Eksempler
Props
LinkPanel
- as? React.ElementType
- OverridableComponent-api
- children? ReactNode
- Panel content
- border?boolean
- Adds border to panel if true
- className? string
- ref? Ref<HTMLAnchorElement>
- Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
- LinkPanel extends HTMLAnchorElement
LinkPanel.Title
- as? React.ElementType
- OverridableComponent-api
- className? string
- ref? Ref<HTMLDivElement>
- Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
- LinkPanel.Title extends HTMLDivElement
LinkPanel.Description
- className? string
- ref? Ref<HTMLDivElement>
- Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
- LinkPanel.Description extends HTMLDivElement
Tokens
| Token | Fallback |
|---|---|
| --ac-link-panel-text | --a-text-default |
| --ac-link-panel-hover-text | --a-text-action |
| --ac-link-panel-hover-border | --a-border-action |