Alert

The Alert component is used to display alert messages with different styles and statuses.

Props

Name	Type	Default	Description
title	`string` \| `React.ReactNode` \| `React.ReactElement`		The title of the alert.
children	`string` \| `React.ReactNode` \| `React.ReactElement`		The content of the alert.
icon	`string` \| `React.ReactElement`		The icon to display in the alert.
suffix	`string` \| `JSX.Element` \| `React.ReactNode`		The suffix element to display in the alert.
success	`boolean`	`false`	Determines whether the alert has a success status.
warning	`boolean`	`false`	Determines whether the alert has a warning status.
error	`boolean`	`false`	Determines whether the alert has an error status.

import { Alert } from '@kloktun/uikit'

export default function Page() {
  return (
    <Alert>Example text</Alert>
  )
}