@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
42 lines (41 loc) • 1.38 kB
TypeScript
import React from "react";
import { CheckboxProps } from "../checkbox";
export interface ConfirmationPanelProps extends Omit<CheckboxProps, "children" | "indeterminate" | "hideLabel" | "error" | "readOnly"> {
/**
* Additional information on panel
*/
children?: React.ReactNode;
/**
* Checkbox label
*/
label: React.ReactNode;
/**
* Error message for element
*/
error?: React.ReactNode;
/**
* Override internal errorId
*/
errorId?: string;
}
/**
* A component that displays a confirmation checkbox with a label.
* @deprecated Use `Checkbox` instead. See [new pattern documentation](https://aksel.nav.no/monster-maler/soknadsdialog/introside-for-soknadsdialoger#8346a8cb849b) for more information.
*
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/confirmationpanel)
* @see 🏷️ {@link ConfirmationPanelProps}
*
* @example
* ```jsx
<ConfirmationPanel
checked={state}
label="Ja, jeg samtykker."
onChange={() => setState((x) => !x)}
>
For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
om deg.
</ConfirmationPanel>
* ```
*/
export declare const ConfirmationPanel: React.ForwardRefExoticComponent<ConfirmationPanelProps & React.RefAttributes<HTMLInputElement>>;
export default ConfirmationPanel;