@iress-oss/ids-mcp-server 5.14.2 → 5.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/generated/docs/components_components-alert-docs.md +492 -0
- package/generated/docs/components_components-autocomplete-docs.md +3485 -0
- package/generated/docs/{components-autocomplete-recipes-docs.md → components_components-autocomplete-recipes-docs.md} +32 -14
- package/generated/docs/{components-badge-docs.md → components_components-badge-docs.md} +222 -30
- package/generated/docs/components_components-button-docs.md +2078 -0
- package/generated/docs/components_components-button-recipes-docs.md +37 -0
- package/generated/docs/components_components-buttongroup-docs.md +1045 -0
- package/generated/docs/components_components-card-docs.md +2276 -0
- package/generated/docs/{components-card-recipes-docs.md → components_components-card-recipes-docs.md} +131 -14
- package/generated/docs/components_components-checkbox-docs.md +1054 -0
- package/generated/docs/{components-checkboxgroup-docs.md → components_components-checkboxgroup-docs.md} +1000 -81
- package/generated/docs/{components-checkboxgroup-recipes-docs.md → components_components-checkboxgroup-recipes-docs.md} +101 -11
- package/generated/docs/{components-col-docs.md → components_components-col-docs.md} +331 -58
- package/generated/docs/components_components-combobox-docs.md +3767 -0
- package/generated/docs/{components-container-docs.md → components_components-container-docs.md} +61 -24
- package/generated/docs/{components-divider-docs.md → components_components-divider-docs.md} +83 -24
- package/generated/docs/{components-expander-docs.md → components_components-expander-docs.md} +264 -33
- package/generated/docs/{components-field-docs.md → components_components-field-docs.md} +814 -120
- package/generated/docs/components_components-filter-docs.md +4080 -0
- package/generated/docs/{components-form-docs.md → components_components-form-docs.md} +1488 -358
- package/generated/docs/{components-form-recipes-docs.md → components_components-form-recipes-docs.md} +174 -64
- package/generated/docs/components_components-hide-docs.md +293 -0
- package/generated/docs/components_components-icon-docs.md +1337 -0
- package/generated/docs/{components-inline-docs.md → components_components-inline-docs.md} +462 -42
- package/generated/docs/components_components-input-docs.md +1468 -0
- package/generated/docs/components_components-input-recipes-docs.md +367 -0
- package/generated/docs/components_components-inputcurrency-docs.md +432 -0
- package/generated/docs/{components-inputcurrency-recipes-docs.md → components_components-inputcurrency-recipes-docs.md} +110 -17
- package/generated/docs/components_components-label-docs.md +323 -0
- package/generated/docs/components_components-menu-docs.md +2345 -0
- package/generated/docs/components_components-menu-menuitem-docs.md +633 -0
- package/generated/docs/{components-modal-docs.md → components_components-modal-docs.md} +1625 -232
- package/generated/docs/components_components-navbar-docs.md +1847 -0
- package/generated/docs/{components-navbar-recipes-docs.md → components_components-navbar-recipes-docs.md} +697 -39
- package/generated/docs/{components-panel-docs.md → components_components-panel-docs.md} +754 -57
- package/generated/docs/components_components-placeholder-docs.md +92 -0
- package/generated/docs/components_components-popover-docs.md +1641 -0
- package/generated/docs/{components-popover-recipes-docs.md → components_components-popover-recipes-docs.md} +347 -17
- package/generated/docs/components_components-progress-docs.md +115 -0
- package/generated/docs/components_components-provider-docs.md +114 -0
- package/generated/docs/components_components-radio-docs.md +491 -0
- package/generated/docs/{components-radiogroup-docs.md → components_components-radiogroup-docs.md} +943 -75
- package/generated/docs/components_components-readonly-docs.md +263 -0
- package/generated/docs/components_components-richselect-docs.md +6497 -0
- package/generated/docs/{components-row-docs.md → components_components-row-docs.md} +353 -43
- package/generated/docs/{components-select-docs.md → components_components-select-docs.md} +719 -61
- package/generated/docs/components_components-skeleton-docs.md +480 -0
- package/generated/docs/{components-skeleton-recipes-docs.md → components_components-skeleton-recipes-docs.md} +50 -10
- package/generated/docs/{components-skiplink-docs.md → components_components-skiplink-docs.md} +53 -14
- package/generated/docs/components_components-slideout-docs.md +2262 -0
- package/generated/docs/components_components-slider-docs.md +1276 -0
- package/generated/docs/components_components-spinner-docs.md +82 -0
- package/generated/docs/{components-stack-docs.md → components_components-stack-docs.md} +223 -40
- package/generated/docs/components_components-table-docs.md +3651 -0
- package/generated/docs/components_components-tabset-docs.md +772 -0
- package/generated/docs/components_components-tabset-tab-docs.md +262 -0
- package/generated/docs/components_components-tag-docs.md +259 -0
- package/generated/docs/{components-text-docs.md → components_components-text-docs.md} +491 -51
- package/generated/docs/{components-toaster-docs.md → components_components-toaster-docs.md} +224 -71
- package/generated/docs/components_components-toaster-toast-docs.md +634 -0
- package/generated/docs/components_components-toggle-docs.md +461 -0
- package/generated/docs/{components-tooltip-docs.md → components_components-tooltip-docs.md} +286 -41
- package/generated/docs/{components-validationmessage-docs.md → components_components-validationmessage-docs.md} +230 -61
- package/generated/docs/components_contact-us-docs.md +12 -0
- package/generated/docs/{foundations-accessibility-docs.md → components_foundations-accessibility-docs.md} +11 -21
- package/generated/docs/{foundations-colours-docs.md → components_foundations-colour-030-colours.md} +8 -15
- package/generated/docs/{foundations-consistency-docs.md → components_foundations-consistency-docs.md} +12 -20
- package/generated/docs/{foundations-content-docs.md → components_foundations-content-docs.md} +6 -11
- package/generated/docs/components_foundations-introduction-docs.md +15 -0
- package/generated/docs/{foundations-principles-docs.md → components_foundations-principles-docs.md} +14 -24
- package/generated/docs/components_foundations-typography-docs.md +608 -0
- package/generated/docs/{foundations-user-experience-docs.md → components_foundations-user-experience-docs.md} +16 -26
- package/generated/docs/{foundations-visual-design-docs.md → components_foundations-visual-design-docs.md} +10 -17
- package/generated/docs/{frequently-asked-questions-docs.md → components_frequently-asked-questions-docs.md} +14 -23
- package/generated/docs/components_get-started-develop-docs.md +84 -0
- package/generated/docs/components_get-started-using-storybook-docs.md +55 -0
- package/generated/docs/components_introduction-docs.md +15 -0
- package/generated/docs/{patterns-loading-docs.md → components_patterns-loading-docs.md} +711 -143
- package/generated/docs/components_resources-changelog-docs.md +4 -0
- package/generated/docs/{resources-code-katas-docs.md → components_resources-code-katas-docs.md} +5 -9
- package/generated/docs/{resources-migration-guides-from-v4-to-v5-docs.md → components_resources-migration-guides-from-v4-to-v5-docs.md} +54 -239
- package/generated/docs/{versions-docs.md → components_versions-docs.md} +5 -8
- package/generated/docs/guidelines.md +484 -200
- package/generated/docs/introduction-docs.md +19 -30
- package/package.json +41 -45
- package/generated/docs/components-alert-docs.md +0 -130
- package/generated/docs/components-autocomplete-docs.md +0 -754
- package/generated/docs/components-button-docs.md +0 -362
- package/generated/docs/components-button-recipes-docs.md +0 -76
- package/generated/docs/components-buttongroup-docs.md +0 -310
- package/generated/docs/components-card-docs.md +0 -494
- package/generated/docs/components-checkbox-docs.md +0 -193
- package/generated/docs/components-combobox-docs.md +0 -1016
- package/generated/docs/components-filter-docs.md +0 -1109
- package/generated/docs/components-hide-docs.md +0 -265
- package/generated/docs/components-icon-docs.md +0 -553
- package/generated/docs/components-input-docs.md +0 -335
- package/generated/docs/components-input-recipes-docs.md +0 -140
- package/generated/docs/components-inputcurrency-docs.md +0 -157
- package/generated/docs/components-label-docs.md +0 -135
- package/generated/docs/components-menu-docs.md +0 -704
- package/generated/docs/components-menu-menuitem-docs.md +0 -193
- package/generated/docs/components-navbar-docs.md +0 -291
- package/generated/docs/components-placeholder-docs.md +0 -27
- package/generated/docs/components-popover-docs.md +0 -464
- package/generated/docs/components-progress-docs.md +0 -104
- package/generated/docs/components-radio-docs.md +0 -107
- package/generated/docs/components-readonly-docs.md +0 -89
- package/generated/docs/components-richselect-docs.md +0 -2433
- package/generated/docs/components-skeleton-docs.md +0 -214
- package/generated/docs/components-slideout-docs.md +0 -538
- package/generated/docs/components-slider-docs.md +0 -346
- package/generated/docs/components-spinner-docs.md +0 -59
- package/generated/docs/components-table-ag-grid-docs.md +0 -2666
- package/generated/docs/components-table-docs.md +0 -1305
- package/generated/docs/components-tabset-docs.md +0 -341
- package/generated/docs/components-tabset-tab-docs.md +0 -86
- package/generated/docs/components-tag-docs.md +0 -115
- package/generated/docs/components-toaster-toast-docs.md +0 -157
- package/generated/docs/components-toggle-docs.md +0 -158
- package/generated/docs/contact-us-docs.md +0 -27
- package/generated/docs/extensions-editor-docs.md +0 -288
- package/generated/docs/extensions-editor-recipes-docs.md +0 -39
- package/generated/docs/foundations-introduction-docs.md +0 -17
- package/generated/docs/foundations-typography-docs.md +0 -191
- package/generated/docs/get-started-develop-docs.md +0 -48
- package/generated/docs/get-started-using-storybook-docs.md +0 -68
- package/generated/docs/resources-changelog-docs.md +0 -6
- package/generated/docs/themes-available-themes-docs.md +0 -66
- package/generated/docs/themes-introduction-docs.md +0 -121
- package/generated/docs/themes-tokens-docs.md +0 -1200
- /package/{LICENSE.txt → LICENSE} +0 -0
|
@@ -1,43 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
Iress Design System (IDS)
|
|
2
|
+
=========================
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
These are the official packages for the Iress Design System (IDS). The Design System is a collection of reusable components, styles, and guidelines that help maintain consistency across Iress applications.
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
The Iress Design System (IDS) serves as a shared visual language, working code, design tools and resources, human interface guidelines, and a community of contributors. It supports designers and developers building digital products for both B2B (Financial Advisors, Paraplanners) and B2B2C (client customers) segments.
|
|
9
|
-
|
|
10
|
-
[](#whats-new)What's new?
|
|
11
|
-
-------------------------
|
|
12
|
-
|
|
13
|
-
Patterns
|
|
14
|
-
--------
|
|
15
|
-
|
|
16
|
-
IDS has released our first pattern, `IressLoading`, allowing you to display loading feedback to users consistently across different applications no matter the scenario.
|
|
17
|
-
|
|
18
|
-
It is available as of `5.10.0`.
|
|
6
|
+
React components
|
|
7
|
+
----------------
|
|
19
8
|
|
|
20
|
-
|
|
9
|
+
React components that implement the design system.
|
|
21
10
|
|
|
22
|
-
|
|
23
|
-
----------------
|
|
11
|
+
**Note:** There is a new version currently in alpha. [Get a sneak peek](https://main--691abcc79dfa560a36d0a74f.chromatic.com).
|
|
24
12
|
|
|
25
|
-
|
|
13
|
+
[@iress-oss/ids-components](/?path=/docs/components_introduction--docs)
|
|
26
14
|
|
|
27
|
-
|
|
15
|
+
MCP Server
|
|
16
|
+
----------
|
|
28
17
|
|
|
29
|
-
|
|
30
|
-
--------------------------------------
|
|
18
|
+
Model Context Protocol (MCP) server providing AI assistants with contextual information about IDS components
|
|
31
19
|
|
|
32
|
-
|
|
20
|
+
[@iress-oss/ids-mcp-server](/?path=/docs/components_resources-mcp-server--docs)
|
|
33
21
|
|
|
34
|
-
|
|
22
|
+
* * *
|
|
35
23
|
|
|
36
|
-
|
|
24
|
+
Reporting issues
|
|
25
|
+
----------------
|
|
37
26
|
|
|
38
|
-
](
|
|
27
|
+
If you find a bug in any of the Design System packages or would like an enhancement, please reach out to us using [Github issues](https://github.com/iress/design-system/issues).
|
|
39
28
|
|
|
40
|
-
|
|
29
|
+
Github repository
|
|
30
|
+
-----------------
|
|
41
31
|
|
|
42
|
-
|
|
43
|
-
* [Ready to dive in?](#ready-to-dive-in)
|
|
32
|
+
The IDS monorepo is hosted on GitHub: [iress/design-system](https://github.com/iress/design-system)
|
package/package.json
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iress-oss/ids-mcp-server",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.20.1",
|
|
4
4
|
"description": "Model Context Protocol (MCP) server for Iress Design System (IDS) component library - provides AI assistants with contextual information about IDS components, design tokens, and usage patterns",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"publishConfig": {
|
|
7
|
-
"registry": "https://registry.npmjs.org/"
|
|
8
|
-
},
|
|
9
6
|
"main": "./dist/index.js",
|
|
10
7
|
"bin": {
|
|
11
8
|
"ids": "dist/index.js"
|
|
@@ -21,60 +18,59 @@
|
|
|
21
18
|
"react",
|
|
22
19
|
"ai-assistant"
|
|
23
20
|
],
|
|
24
|
-
"homepage": "https://github.com/iress-oss/ids-mcp-server#readme",
|
|
25
|
-
"repository": {
|
|
26
|
-
"type": "git",
|
|
27
|
-
"url": "git+https://github.com/iress-oss/ids-mcp-server.git"
|
|
28
|
-
},
|
|
29
|
-
"bugs": {
|
|
30
|
-
"url": "https://github.com/iress-oss/ids-mcp-server/issues"
|
|
31
|
-
},
|
|
32
21
|
"author": "Iress",
|
|
33
22
|
"license": "Apache-2.0",
|
|
34
23
|
"scripts": {
|
|
35
24
|
"build": "tsc && chmod 755 ./dist/index.js",
|
|
36
|
-
"clean": "rimraf dist coverage generated .nyc_output",
|
|
37
25
|
"dev": "tsc --watch",
|
|
38
|
-
"
|
|
39
|
-
"
|
|
26
|
+
"test": "vitest",
|
|
27
|
+
"test:coverage": "vitest run --coverage",
|
|
28
|
+
"test:ui": "vitest --ui",
|
|
29
|
+
"lint": "eslint . --max-warnings 0",
|
|
40
30
|
"lint:fix": "eslint . --fix",
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
31
|
+
"typecheck": "tsc --noEmit -p tsconfig.json",
|
|
32
|
+
"clean": "rm -rf dist",
|
|
33
|
+
"collect": "tsx scripts/collect.ts",
|
|
34
|
+
"generate": "tsx scripts/generate.ts",
|
|
35
|
+
"guidelines": "tsx scripts/guidelines.ts"
|
|
46
36
|
},
|
|
47
37
|
"files": [
|
|
48
38
|
"dist",
|
|
49
|
-
"generated/docs",
|
|
39
|
+
"generated/docs/**/*",
|
|
50
40
|
"README.md",
|
|
51
41
|
"LICENSE.txt"
|
|
52
42
|
],
|
|
53
43
|
"dependencies": {
|
|
54
|
-
"@modelcontextprotocol/sdk": "
|
|
55
|
-
"zod": "
|
|
44
|
+
"@modelcontextprotocol/sdk": "1.22.0",
|
|
45
|
+
"zod": "3.25.67"
|
|
56
46
|
},
|
|
57
47
|
"devDependencies": {
|
|
58
|
-
"@types/
|
|
59
|
-
"@types/
|
|
60
|
-
"@
|
|
61
|
-
"@typescript-eslint/
|
|
62
|
-
"@
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"eslint
|
|
67
|
-
"eslint-
|
|
68
|
-
"eslint-plugin-
|
|
69
|
-
"eslint-plugin-
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
48
|
+
"@types/minimist": "^1",
|
|
49
|
+
"@types/node": "22.15.30",
|
|
50
|
+
"@types/turndown": "5.0.5",
|
|
51
|
+
"@typescript-eslint/eslint-plugin": "8.38.0",
|
|
52
|
+
"@typescript-eslint/parser": "8.38.0",
|
|
53
|
+
"@vitest/coverage-v8": "3.2.4",
|
|
54
|
+
"commander": "12.1.0",
|
|
55
|
+
"dotenv": "16.5.0",
|
|
56
|
+
"eslint": "^9.36.0",
|
|
57
|
+
"eslint-config-prettier": "10.1.8",
|
|
58
|
+
"eslint-plugin-file-progress": "1.5.0",
|
|
59
|
+
"eslint-plugin-prettier": "5.5.3",
|
|
60
|
+
"eslint-plugin-sonarjs": "3.0.2",
|
|
61
|
+
"minimist": "^1.2.8",
|
|
62
|
+
"playwright": "1.53.1",
|
|
63
|
+
"prettier": "3.6.2",
|
|
64
|
+
"prettier-plugin-sh": "0.18.0",
|
|
65
|
+
"rimraf": "2.7.1",
|
|
66
|
+
"tsx": "4.20.6",
|
|
67
|
+
"turndown": "7.2.0",
|
|
68
|
+
"turndown-plugin-gfm": "1.0.2",
|
|
69
|
+
"typescript": "5.9.3",
|
|
70
|
+
"vitest": "3.2.4"
|
|
71
|
+
},
|
|
72
|
+
"repository": {
|
|
73
|
+
"type": "git",
|
|
74
|
+
"url": "https://github.com/iress/design-system"
|
|
79
75
|
}
|
|
80
|
-
}
|
|
76
|
+
}
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
[](#alert)Alert
|
|
2
|
-
===============
|
|
3
|
-
|
|
4
|
-
Overview
|
|
5
|
-
--------
|
|
6
|
-
|
|
7
|
-
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
|
|
8
|
-
|
|
9
|
-
This is a simple info alert
|
|
10
|
-
|
|
11
|
-
Hide code
|
|
12
|
-
|
|
13
|
-
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
14
|
-
|
|
15
|
-
<IressAlert
|
|
16
|
-
footer\=""
|
|
17
|
-
heading\=""
|
|
18
|
-
status\="info"
|
|
19
|
-
\>
|
|
20
|
-
This is a simple info alert
|
|
21
|
-
</IressAlert\>
|
|
22
|
-
|
|
23
|
-
Copy
|
|
24
|
-
|
|
25
|
-
[](#examples)Examples
|
|
26
|
-
---------------------
|
|
27
|
-
|
|
28
|
-
### [](#status)Status
|
|
29
|
-
|
|
30
|
-
The alert offers four statuses that set a distinctive colour and icon. They can be set using the `status` prop. Their different use cases are described here.
|
|
31
|
-
|
|
32
|
-
This is a simple danger alert. It is used for errors and malfunctions that must be resolved before moving forward, such as a summary of errors to correct in a Form.
|
|
33
|
-
|
|
34
|
-
This is a simple info alert. It is used to provide context around a situation, such as rules around creating a compliant password, or a link to feature documentation or onboarding tips.
|
|
35
|
-
|
|
36
|
-
This is a simple success alert. It is used to communicate that an action has been successfully completed, such as saving changes in a Form.
|
|
37
|
-
|
|
38
|
-
This is a simple warning alert. It is used for a message requiring attention but not resolution in order to continue, such as noting data is not current or your password is about to expire.
|
|
39
|
-
|
|
40
|
-
Hide code
|
|
41
|
-
|
|
42
|
-
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
43
|
-
|
|
44
|
-
<div className\="iress-u-stack iress--gutter--md"\>
|
|
45
|
-
<IressAlert
|
|
46
|
-
footer\=""
|
|
47
|
-
heading\=""
|
|
48
|
-
status\="danger"
|
|
49
|
-
\>
|
|
50
|
-
This is a simple danger alert. It is used for errors and malfunctions that must be resolved before moving forward, such as a summary of errors to correct in a Form. </IressAlert\>
|
|
51
|
-
<IressAlert
|
|
52
|
-
footer\=""
|
|
53
|
-
heading\=""
|
|
54
|
-
status\="info"
|
|
55
|
-
\>
|
|
56
|
-
This is a simple info alert. It is used to provide context around a situation, such as rules around creating a compliant password, or a link to feature documentation or onboarding tips. </IressAlert\>
|
|
57
|
-
<IressAlert
|
|
58
|
-
footer\=""
|
|
59
|
-
heading\=""
|
|
60
|
-
status\="success"
|
|
61
|
-
\>
|
|
62
|
-
This is a simple success alert. It is used to communicate that an action has been successfully completed, such as saving changes in a Form. </IressAlert\>
|
|
63
|
-
<IressAlert
|
|
64
|
-
footer\=""
|
|
65
|
-
heading\=""
|
|
66
|
-
status\="warning"
|
|
67
|
-
\>
|
|
68
|
-
This is a simple warning alert. It is used for a message requiring attention but not resolution in order to continue, such as noting data is not current or your password is about to expire. </IressAlert\>
|
|
69
|
-
</div\>
|
|
70
|
-
|
|
71
|
-
Copy
|
|
72
|
-
|
|
73
|
-
### [](#heading)Heading
|
|
74
|
-
|
|
75
|
-
An alert can be displayed with a heading. This is controlled by the `heading` prop. If provided a string, it will display a `<h2 />` element with the string as its content. If provided a React element, it will display that element directly.
|
|
76
|
-
|
|
77
|
-
**Note**: The `heading` prop replaces the `headingText` and `headingLevel` props from previous versions of IDS. These prop are now deprecated and will be removed in a future version.
|
|
78
|
-
|
|
79
|
-
Alert heading
|
|
80
|
-
-------------
|
|
81
|
-
|
|
82
|
-
This is a simple info alert
|
|
83
|
-
|
|
84
|
-
Hide code
|
|
85
|
-
|
|
86
|
-
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
87
|
-
|
|
88
|
-
<IressAlert
|
|
89
|
-
footer\=""
|
|
90
|
-
heading\="Alert heading"
|
|
91
|
-
status\="info"
|
|
92
|
-
\>
|
|
93
|
-
This is a simple info alert
|
|
94
|
-
</IressAlert\>
|
|
95
|
-
|
|
96
|
-
Copy
|
|
97
|
-
|
|
98
|
-
### [](#footer)Footer
|
|
99
|
-
|
|
100
|
-
The `footer` prop allows for content to be placed below the header and body of the alert. This can be useful for displaying call to actions.
|
|
101
|
-
|
|
102
|
-
Alert heading
|
|
103
|
-
-------------
|
|
104
|
-
|
|
105
|
-
Here is the warning
|
|
106
|
-
|
|
107
|
-
Close
|
|
108
|
-
|
|
109
|
-
Hide code
|
|
110
|
-
|
|
111
|
-
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
112
|
-
|
|
113
|
-
<IressAlert
|
|
114
|
-
footer\={<IressButton\>Close</IressButton\>}
|
|
115
|
-
heading\="Alert heading"
|
|
116
|
-
\>
|
|
117
|
-
<IressText\>
|
|
118
|
-
Here is the warning </IressText\>
|
|
119
|
-
</IressAlert\>
|
|
120
|
-
|
|
121
|
-
Copy
|
|
122
|
-
|
|
123
|
-
On this page
|
|
124
|
-
|
|
125
|
-
* [Overview](#overview)
|
|
126
|
-
* [Props](#props)
|
|
127
|
-
* [Examples](#examples)
|
|
128
|
-
* [Status](#status)
|
|
129
|
-
* [Heading](#heading)
|
|
130
|
-
* [Footer](#footer)
|