Norsk Tipping Design System

Message

Install

yarn add @ntds/message

Import

import { MessageBody } from '@ntds/message';

Props

PropTypeDefaultDescription
heading?string—Optional heading for the message Use this when the description/body has some length to it. Provide the summary in the heading.
headingLevel?HeadingLevel—Give the correct heading level relative to where the message is rendered (typically current level + 1).
icon?MessageType—The type of icon to use
typeMessageType—Type of message (success, warning, info, neutral or error)
footer?ReactNode—Container that typically holds actions related to the message
childrenReactNode—Usually simple text, but can be anything.

On this page