AccordionLink

Install

yarn add @ntds/accordion

Import

import { Accordion } from '@ntds/accordion';

Usage

<Accordion tw={{ sizing: 'max-w-sm' }}>
<Accordion.Item
headingLevel={2}
title='Spillegrenser'
details={() => (
<Accordion.LinkList>
<Accordion.Link
href='/kundeservice/min-konto/spillegrenser/alt-om-spillegrenser'
>
Alt om spillegrenser
</Accordion.Link>
<Accordion.Link
href='/kundeservice/min-konto/spillegrenser/hva-er-totalgrensen'
>
Hva er totalgrensen?
</Accordion.Link>
</Accordion.LinkList>
)}
/>
</Accordion>

Props

AccordionLink

PropType & Description
href
string

Redirect to the following path by pressing the item

large
boolean

larger text

render
(props: Omit<AccordionLinkProps, "render" | "href" | "elementRef">) => Element

Render-method for choosing witch tag to render

children
ReactNode

Usually simple text, but can be anything.

This guide is based on version: 2.6.0