@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
37 lines (36 loc) • 1.09 kB
TypeScript
import React from "react";
import { type OverridableComponent } from "../../util";
interface InlineMessageProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* InlineMessage status.
*/
status: "info" | "success" | "warning" | "error";
/**
* InlineMessage size.
* @default "medium"
*/
size?: "medium" | "small";
}
/**
* InlineMessage is used to highlight short messages next to other content.
* @see [📝 Documentation](https://aksel.nav.no/komponenter/core/inline-message)
* @see 🏷️ {@link InlineMessageProps}
* @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
* @example
* ```jsx
* <InlineMessage status="error">
* Inline Errormessage
* </InlineMessage>
* ```
*
* @example
* As a link
* ```jsx
* <InlineMessage status="error" as={Link} href="#">
* Inline Errormessage
* </InlineMessage>
* ```
*/
export declare const InlineMessage: OverridableComponent<InlineMessageProps, HTMLDivElement>;
export default InlineMessage;
export type { InlineMessageProps };