You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/contributing/pages/components.mdx
+34-6Lines changed: 34 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,13 +8,41 @@ sidebar_order: 40
8
8
9
9
Render an alert callout.
10
10
11
-
<Alerttitle="Important">
12
-
This is an alert
11
+
<Alerttitle="Watch out!">
12
+
This is an info alert. Use these for information that's critical to know; it's important for users to read, but won't cause a catastrophic problem if they don't read it. These include versions that introduce breaking changes or feature limitations. Use infrequently.
13
13
</Alert>
14
14
15
-
```markdown {tabTitle:Example}
16
-
<Alert title="Important">
17
-
This is an alert
15
+
<Alertlevel="warning"title="Important">
16
+
This is a warning alert. Use these for items that MUST be well understood before proceeding. These highlight information that could cause users to make catastrophic errors that break their applications in ways that are very difficult to fix or create liabilities for them, such as information needed to avoid leaking PII. These should be used very rarely.
17
+
</Alert>
18
+
19
+
<Alert>
20
+
This is an alert without title.
21
+
</Alert>
22
+
23
+
<Alerttitle="List">
24
+
<ul>
25
+
<li>Item 1</li>
26
+
<li>Item 2</li>
27
+
</ul>
28
+
</Alert>
29
+
30
+
31
+
```markdown {tabTitle:Info}
32
+
<Alert title="Watch out!">
33
+
This is an info alert.
34
+
</Alert>
35
+
```
36
+
37
+
```markdown {tabTitle:Warning}
38
+
<Alert level="warning" title="Important">
39
+
This is a warning alert.
40
+
</Alert>
41
+
```
42
+
43
+
```markdown {tabTitle:No Title}
44
+
<Alert>
45
+
This is an alert without title.
18
46
</Alert>
19
47
```
20
48
@@ -30,7 +58,7 @@ Use this for these types of content:
30
58
-**Warning:** Use these for items that MUST be well understood before proceeding. These highlight information that could cause users to make catastrophic errors that break their applications in ways that are very difficult to fix or create liabilities for them, such as information needed to avoid leaking PII. These should be used very rarely.
31
59
- Use with the title "Important"; do not use the title "Warning"
32
60
33
-
An Alert component with no level setting will render as a Note component.
0 commit comments