Norsk Tipping Design System

Accordion.Link

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

PropTypeDefaultDescription
childrenReactNodeUsually simple text, but can be anything.
href?stringRedirect to the following path by pressing the item
render?(props) => ReactNodeRender-method for choosing witch tag to render
large?booleanlarger text

On this page