@smashing/alert
npm i @smashing/alert

@smashing/alert

Component used to give feedback to the user about an action or state.

by eyedea-io

1.1.2 (see all)License:MITTypeScript:Not Found
npm i @smashing/alert
Readme

yarn add @smashing/alert

Edit alert

Default appearance

<Alert title="Your account is active" />
<Alert title="Your account is active" intent="danger" />
<Alert title="Your account is active" intent="success" />
<Alert title="Your account is active" intent="warning" />

Card appearance

<Alert title="Your account is active" appearance="card" />
<Alert title="Your account is active" appearance="card" intent="danger" />
<Alert title="Your account is active" appearance="card" intent="success" />
<Alert title="Your account is active" appearance="card" intent="warning" />

Inline appearance

<Alert title="Your account is active" appearance="inline" />
<Alert title="Your account is active" appearance="inline" intent="danger" />
<Alert title="Your account is active" appearance="inline" intent="success" />
<Alert title="Your account is active" appearance="inline" intent="warning" />

With description

<Alert title="Your account is active">Lorem ipsum dolor sit amet.</Alert>

Without icon

<Alert title="Your account is active" hasIcon={false}>
  Lorem ipsum dolor sit amet.
</Alert>

Without trim(border)

<Alert title="Your account is active" hasTrim={false}>
  Lorem ipsum dolor sit amet.
</Alert>

Downloads/wk

109

GitHub Stars

10

LAST COMMIT

2yrs ago

MAINTAINERS

6

CONTRIBUTORS

13

OPEN ISSUES

10

OPEN PRs

15
VersionTagPublished
1.1.2
latest
2yrs ago
0.1.31-alpha.13
canary
3yrs ago
No alternatives found
No tutorials found
Add a tutorial