Alert

Displays contextual feedback messages for typical user actions with options for customizable appearance.

@arctic-kit/snow

View source code

View storybook

Usage

Arctic Design KitLorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt corporis natus veniam quis.

Severity

Hide Icon

Shadow

Title

Children

import { Alert } from '@arctic-kit/snow';

function Demo() {
  return (
    <Alert severity="info" title="Arctic Design Kit">
      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt corporis natus veniam quis.
    </Alert>
  );
}

API Reference

Props	Type	Default
`action`	`ReactNode`	---
`childClassName`	`string \| undefined`	---
`className`	`string \| undefined`	---
`hideChildren`	`boolean \| undefined`	---
`hideIcon`	`boolean \| undefined`	---
`severity`	`SnowFeedbackColor`	---
`shadow`	`boolean \| undefined`	---
`title`	`ReactNode`	---

Action Menu Autocomplete