Components

Alert

Alert are to display a list of options on a temporary surface

Selected Theme

Select brand or tribe name to preview style

Default

Usage

Alert use to display a list of options on a temporary surface.

For use this components don't forget to add import `legion-ui`

import { Alert } from 'legion-ui';

Variant

Legion have only one type of alert with variant info , warning , success and error

Info title

Interactively monetize corporate alignments and fully tested niche markets.

Warning title

Interactively monetize corporate alignments and fully tested niche markets.

Error title

Interactively monetize corporate alignments and fully tested niche markets.

Success title

Interactively monetize corporate alignments and fully tested niche markets.

import { Alert } from 'legion-ui';
import React from 'react';

export default function AlertExample() {
  return (
    <>
      <Alert
        style={{ marginBottom: 15 }}
        title="Info title"

Props

property	propType	required	default	desc
desc	string	true	-	Sets desc of alert
onClose	`React.MouseEventHandler<HTMLButtonElement>`	-	-	Function to close alert
title	string	true	-	Sets title of alert
variant	`info` , `warning` , `success` and `error`	true	info	Sets variant of alert

Do you have feedback?

Please let us know to make it better

Send Feedback