@norges-domstoler/dds-page-generator

Side- og skjemagenerering basert på JSON-input for bruk i domstolenes tjenester.

📦 Installasjon

pnpm add @norges-domstoler/dds-page-generator

or

npm install @norges-domstoler/dds-page-generator

🔨 Bruk

import {
  PageGenerator,
  SectionGenerator,
} from '@norges-domstoler/dds-page-generator';

const fields = [{
    fields: [
    {
        component: FormGeneratorSupportedFields.TextInput,
        props: {
            label: 'Fornavn',
            type: 'text',
            name: 'firstName',
        },
    },
    {
        component: FormGeneratorSupportedFields.TextInput,
        props: {
            label: 'Etternavn',
            type: 'text',
            name: 'lastName',
        },
    }],
},
{
    component: FormGeneratorSupportedFields.RadioButtonGroup,
    props: {
        label: 'Kjønn',
        name: 'kjønn',
    },
    children: [{
        component: FormGeneratorSupportedFields.RadioButton,
        props: {
            label: 'Kvinne',
            value: 'female',
        },
    },
    {
        component: FormGeneratorSupportedFields.RadioButton,
        props: {
            label: 'Mann',
            value: 'male',
        },
    },
    {
        component: FormGeneratorSupportedFields.RadioButton,
        props: {
            label: 'Annet',
            value: 'other',
        },
    }],
}];

const stateOnChange = (newState: object) => {
    console.log(newState);
}

<PageGenerator as="form" fields={fields} stateOnChange={stateOnChange} />
<SectionGenerator as="form" fields={fields} stateOnChange={stateOnChange} />