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
{name: 'type',description: 'String - Determines the type of alert - \'error\' (red) or \'warning\' (orange). Defaults to white if no type is provided.'},
27
-
{name: 'dismissible',description: 'Bool - Shows a dismissible button if set to true. Default is false.'}
28
-
]}/>
29
-
<Propertiestype="Outputs"properties=
30
-
{[
31
-
{name: 'close',description: 'Emitted when the close button is clicked.'}
32
-
]}/>
38
+
<Properties
39
+
type="Inputs"
40
+
properties={[
41
+
{
42
+
name: 'type',
43
+
description:
44
+
"String - Determines the type of alert - 'error' (red) or 'warning' (orange). Defaults to white if no type is provided."
45
+
},
46
+
{
47
+
name: 'dismissible',
48
+
description: 'bool - Shows a dismissible button if set to true. Default is false.'
49
+
},
50
+
{
51
+
name: 'rtl',
52
+
description: 'bool - Set to true to enable Right-to-Left support. Default is false.'
53
+
}
54
+
]}
55
+
/>
56
+
<Properties
57
+
type="Outputs"
58
+
properties={[{name: 'close',description: 'Emitted when the close button is clicked.'}]}
59
+
/>
33
60
34
61
<Separator/>
35
62
36
63
<h2>Default Alert</h2>
37
-
<Description>The alert provides information that is useful and relevant, but not critical. It can also provide feedback that an action has been executed. The user will need to dismiss the message.</Description>
64
+
<Description>
65
+
The alert provides information that is useful and relevant, but not critical. It can also provide
66
+
feedback that an action has been executed. The user will need to dismiss the message.
67
+
</Description>
38
68
<DocsTile>
39
-
<Alertdismissable={true}link="#"linkText="link">Default alert with a </Alert>
69
+
<Alertdismissablelink="#"linkText=" link">
70
+
Default alert with a {' '}
71
+
</Alert>
72
+
<br/>
73
+
<AlertdismissablelinkText="link"rtl>
74
+
تم. بسبب أمام وشعار ولم بـ. أحكم والكساد ما فقد. كل وعُرفت الإنزال مدن. انه
75
+
</Alert>
40
76
</DocsTile>
41
77
<DocsText>{defaultAlertCode}</DocsText>
42
78
43
79
<Separator/>
44
80
45
81
<h2>Warning Alert</h2>
46
-
<Description>The alert warns of potential issues, but the user can still continue. The user will need to dismiss the message. Apply type="warning".</Description>
82
+
<Description>
83
+
The alert warns of potential issues, but the user can still continue. The user will need to dismiss the
84
+
message. Apply type="warning".
85
+
</Description>
47
86
<DocsTile>
48
-
<Alerttype="warning"dismissable={true}>
87
+
<Alerttype="warning"dismissable>
49
88
<h3>A dismissible error type alert with template.</h3>
50
89
<p>More information...</p>
51
90
</Alert>
91
+
92
+
<br/>
93
+
94
+
<Alerttype="warning"dismissablertl>
95
+
تم. بسبب أمام وشعار ولم بـ. أحكم والكساد ما فقد. كل وعُرفت الإنزال مدن. انه
96
+
</Alert>
52
97
</DocsTile>
53
98
<DocsText>{warningAlertCode}</DocsText>
54
99
55
100
<Separator/>
56
101
57
102
<h2>Error Alert</h2>
58
-
<Description>This alert is triggered after the user entered data incorrectly or a system error has occurred. It should interrupt the user. A final action such as Submit cannot be carried out until the user has rectified the error. The user will need to dismiss the message. Apply type="error".</Description>
103
+
<Description>
104
+
This alert is triggered after the user entered data incorrectly or a system error has occurred. It
105
+
should interrupt the user. A final action such as Submit cannot be carried out until the user has
106
+
rectified the error. The user will need to dismiss the message. Apply type="error".
107
+
</Description>
59
108
<DocsTile>
60
-
<Alerttype="error"dismissable={true}link="#"linkText="link">Error message with a </Alert>
0 commit comments