I'm some timely text that helps the user understand something
import {
Alert
} from 'seek-style-guide/react';
<Alert
level="primary"
message="I'm some timely text that helps the user understand something"
tone="positive"
/>
Click to copy
Sketch Symbols
Alert ▸ 1. Positive ▸ 1. Primary ▸ 1. Standard
Message
Alert ▸ 1. Positive ▸ 1. Primary ▸ 2. With Close Button
Message
Alert ▸ 1. Positive ▸ 2. Secondary ▸ 1. Standard
Message
Alert ▸ 1. Positive ▸ 2. Secondary ▸ 2. With Close Button
Message
Alert ▸ 1. Positive ▸ 3. Tertiary ▸ 1. Standard
Message
Alert ▸ 1. Positive ▸ 3. Tertiary ▸ 2. With Close Button
Message
Alert ▸ 2. Critical ▸ 1. Primary ▸ 1. Standard
Message
Alert ▸ 2. Critical ▸ 1. Primary ▸ 2. With Close Button
Message
Alert ▸ 2. Critical ▸ 2. Tertiary ▸ 1. Standard
Message
Alert ▸ 2. Critical ▸ 2. Tertiary ▸ 2. With Close Button
Message
Alert ▸ 3. Info ▸ 1. Primary ▸ 1. Standard
Message
Alert ▸ 3. Info ▸ 1. Primary ▸ 2. With Close Button
Message
Alert ▸ 3. Info ▸ 2. Secondary ▸ 1. Standard
Message
Alert ▸ 3. Info ▸ 2. Secondary ▸ 2. With Close Button
Message
Alert ▸ 3. Info ▸ 3. Tertiary ▸ 1. Standard
Message
Alert ▸ 3. Info ▸ 3. Tertiary ▸ 2. With Close Button
Message
Alert ▸ 4. Help ▸ 1. Primary ▸ 1. Standard
Message
Alert ▸ 4. Help ▸ 1. Primary ▸ 2. With Close Button
Message
Alert ▸ 4. Help ▸ 2. Tertiary ▸ 1. Standard
Message
Alert ▸ 4. Help ▸ 2. Tertiary ▸ 2. With Close Button