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
|`appearance`|`appearance`| specify the appearance - default (containing border), or minimal (no containing border), defaults to default |`"default" or "minimal" or "transparent"`|`"default"`|
28
-
|`iconPosition`|`icon-position`| specify the placement of the icon in the header, defaults to end |`"end" or "start"`|`"end"`|
29
-
|`iconType`|`icon-type`| specify the placement of the icon in the header, defaults to end |`"caret" or "chevron" or "plus-minus"`|`"chevron"`|
30
-
|`scale`|`scale`| specify the scale of accordion, defaults to m |`"l" or "m" or "s"`|`"m"`|
31
-
|`selectionMode`|`selection-mode`| specify the selection mode - multi (allow any number of open items), single (allow one open item), or single-persist (allow and require one open item), defaults to multi |`"multi" or "single" or "single-persist"`|`"multi"`|
32
-
|`theme`|`theme`| specify the theme of accordion, defaults to light |`"dark" or "light"`|`undefined`|
28
+
|`appearance`|`appearance`| specify the appearance - default (containing border), or minimal (no containing border), defaults to default |`"default" \| "minimal" \| "transparent"`|`"default"`|
29
+
|`iconPosition`|`icon-position`| specify the placement of the icon in the header, defaults to end |`"end" \| "start"`|`"end"`|
30
+
|`iconType`|`icon-type`| specify the placement of the icon in the header, defaults to end |`"caret" \| "chevron" \| "plus-minus"`|`"chevron"`|
31
+
|`scale`|`scale`| specify the scale of accordion, defaults to m |`"l" \| "m" \| "s"`|`"m"`|
32
+
|`selectionMode`|`selection-mode`| specify the selection mode - multi (allow any number of open items), single (allow one open item), or single-persist (allow and require one open item), defaults to multi |`"multi" \| "single" \| "single-persist"`|`"multi"`|
33
+
|`theme`|`theme`| specify the theme of accordion, defaults to light |`"dark" \| "light"`|`undefined`|
@@ -29,12 +30,13 @@ A single instance of an alert. Multiple alerts will aggregate in a queue.
29
30
|`alertQueue`| -- | a managed list of alerts |`string[]`|`[]`|
30
31
|`alertQueueLength`|`alert-queue-length`| a managed list of alerts |`number`|`undefined`|
31
32
|`autoDismiss`|`auto-dismiss`| Close the alert automatically (recommended for passive, non-blocking alerts) |`boolean`|`false`|
32
-
|`autoDismissDuration`|`auto-dismiss-duration`| Duration of autoDismiss (only used with `autoDismiss`) |`"fast" or "medium" or "slow"`|`this.autoDismiss ? "medium" : null`|
33
-
|`color`|`color`| Color for the alert (will apply to top border and icon) |`"blue" or "green" or "red" or "yellow"`|`"blue"`|
33
+
|`autoDismissDuration`|`auto-dismiss-duration`| Duration of autoDismiss (only used with `autoDismiss`) |`"fast" \| "medium" \| "slow"`|`this.autoDismiss ? "medium" : null`|
34
+
|`color`|`color`| Color for the alert (will apply to top border and icon) |`"blue" \| "green" \| "red" \| "yellow"`|`"blue"`|
34
35
|`currentAlert`|`current-alert`| the determined current alert |`string`|`undefined`|
35
36
|`icon`|`icon`| specify if the alert should display an icon |`boolean`|`false`|
36
-
|`scale`|`scale`| specify the scale of the button, defaults to m |`"l" or "m" or "s"`|`"m"`|
37
-
|`theme`|`theme`| Select theme (light or dark) |`"dark" or "light"`|`undefined`|
37
+
|`scale`|`scale`| specify the scale of the button, defaults to m |`"l" \| "m" \| "s"`|`"m"`|
38
+
|`theme`|`theme`| Select theme (light or dark) |`"dark" \| "light"`|`undefined`|
39
+
38
40
39
41
## Events
40
42
@@ -44,6 +46,7 @@ A single instance of an alert. Multiple alerts will aggregate in a queue.
44
46
|`calciteAlertOpen`| Fired when an alert is opened |`CustomEvent<any>`|
45
47
|`calciteAlertSync`| Fired when an alert is opened |`CustomEvent<any>`|
46
48
49
+
47
50
## Methods
48
51
49
52
### `close() => Promise<void>`
@@ -54,6 +57,8 @@ close alert and emit the closed alert
54
57
55
58
Type: `Promise<void>`
56
59
60
+
61
+
57
62
### `open() => Promise<void>`
58
63
59
64
open alert and emit the opened alert
@@ -62,6 +67,8 @@ open alert and emit the opened alert
62
67
63
68
Type: `Promise<void>`
64
69
70
+
71
+
65
72
### `setFocus() => Promise<void>`
66
73
67
74
focus the close button, if present and requested
@@ -70,6 +77,9 @@ focus the close button, if present and requested
|`appearance`|`appearance`| specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor |`"clear" or "inline" or "outline" or "solid"`|`"solid"`|
14
-
|`color`|`color`| specify the color of the button, defaults to blue |`"blue" or "dark" or "light" or "red"`|`"blue"`|
15
-
|`disabled`|`disabled`| is the button disabled |`boolean`|`undefined`|
16
-
|`floating`|`floating`| optionally add a floating style to the button - this should be positioned fixed or sticky |`boolean`|`false`|
17
-
|`href`|`href`| optionally pass a href - used to determine if the component should render as a button or an anchor |`string`|`undefined`|
18
-
|`icon`|`icon`| optionally pass an icon to display - accepts Calcite UI icon names |`string`|`undefined`|
19
-
|`iconPosition`|`icon-position`| optionally used with icon, select where to position the icon |`"end" or "start"`|`"start"`|
20
-
|`loading`|`loading`| optionally add a calcite-loader component to the button, disabling interaction. |`boolean`|`false`|
21
-
|`round`|`round`| optionally add a round style to the button |`boolean`|`false`|
22
-
|`scale`|`scale`| specify the scale of the button, defaults to m |`"l" or "m" or "s" or "xl" or "xs"`|`"m"`|
23
-
|`theme`|`theme`| Select theme (light or dark) |`"dark" or "light"`|`undefined`|
24
-
|`width`|`width`| specify the width of the button, defaults to auto |`"auto" or "full" or "half"`|`"auto"`|
|`appearance`|`appearance`| specify the appearance style of the button, defaults to solid. Specifying "inline" will render the component as an anchor |`"clear" \| "inline" \| "outline" \| "solid" \| "transparent"`|`"solid"`|
15
+
|`color`|`color`| specify the color of the button, defaults to blue |`"blue" \| "dark" \| "light" \| "red"`|`"blue"`|
16
+
|`disabled`|`disabled`| is the button disabled |`boolean`|`undefined`|
17
+
|`floating`|`floating`| optionally add a floating style to the button - this should be positioned fixed or sticky |`boolean`|`false`|
18
+
|`href`|`href`| optionally pass a href - used to determine if the component should render as a button or an anchor |`string`|`undefined`|
19
+
|`icon`|`icon`| optionally pass an icon to display - accepts Calcite UI icon names |`string`|`undefined`|
20
+
|`iconPosition`|`icon-position`| optionally used with icon, select where to position the icon |`"end" \| "start"`|`"start"`|
21
+
|`loading`|`loading`| optionally add a calcite-loader component to the button, disabling interaction. |`boolean`|`false`|
22
+
|`round`|`round`| optionally add a round style to the button |`boolean`|`false`|
23
+
|`scale`|`scale`| specify the scale of the button, defaults to m |`"l" \| "m" \| "s" \| "xl" \| "xs"`|`"m"`|
24
+
|`theme`|`theme`| Select theme (light or dark) |`"dark" \| "light"`|`undefined`|
25
+
|`width`|`width`| specify the width of the button, defaults to auto |`"auto" \| "full" \| "half"`|`"auto"`|
0 commit comments