@iress-oss/ids-mcp-server 5.20.1 → 5.20.4
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 +22 -21
- package/generated/docs/components_components-autocomplete-docs.md +48 -104
- package/generated/docs/components_components-autocomplete-recipes-docs.md +9 -2
- package/generated/docs/components_components-badge-docs.md +4 -4
- package/generated/docs/components_components-button-docs.md +24 -24
- package/generated/docs/components_components-buttongroup-docs.md +20 -20
- package/generated/docs/components_components-card-docs.md +70 -56
- package/generated/docs/components_components-card-recipes-docs.md +4 -4
- package/generated/docs/components_components-checkbox-docs.md +7 -21
- package/generated/docs/components_components-checkboxgroup-docs.md +32 -32
- package/generated/docs/components_components-checkboxgroup-recipes-docs.md +2 -2
- package/generated/docs/components_components-col-docs.md +10 -10
- package/generated/docs/components_components-combobox-docs.md +58 -90
- package/generated/docs/components_components-container-docs.md +4 -4
- package/generated/docs/components_components-divider-docs.md +3 -3
- package/generated/docs/components_components-expander-docs.md +6 -4
- package/generated/docs/components_components-field-docs.md +18 -18
- package/generated/docs/components_components-filter-docs.md +54 -54
- package/generated/docs/components_components-form-docs.md +95 -60
- package/generated/docs/components_components-form-recipes-docs.md +114 -13
- package/generated/docs/components_components-hide-docs.md +4 -4
- package/generated/docs/components_components-icon-docs.md +13 -13
- package/generated/docs/components_components-inline-docs.md +14 -14
- package/generated/docs/components_components-input-docs.md +10 -10
- package/generated/docs/components_components-input-recipes-docs.md +3 -3
- package/generated/docs/components_components-inputcurrency-docs.md +6 -6
- package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
- package/generated/docs/components_components-label-docs.md +6 -6
- package/generated/docs/components_components-menu-docs.md +40 -40
- package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
- package/generated/docs/components_components-modal-docs.md +29 -13
- package/generated/docs/components_components-navbar-docs.md +42 -42
- package/generated/docs/components_components-navbar-recipes-docs.md +41 -18
- package/generated/docs/components_components-panel-docs.md +19 -19
- package/generated/docs/components_components-placeholder-docs.md +1 -1
- package/generated/docs/components_components-popover-docs.md +32 -30
- package/generated/docs/components_components-popover-recipes-docs.md +15 -8
- package/generated/docs/components_components-progress-docs.md +1 -1
- package/generated/docs/components_components-provider-docs.md +2 -2
- package/generated/docs/components_components-radio-docs.md +5 -5
- package/generated/docs/components_components-radiogroup-docs.md +29 -45
- package/generated/docs/components_components-readonly-docs.md +5 -5
- package/generated/docs/components_components-richselect-docs.md +88 -64
- package/generated/docs/components_components-row-docs.md +12 -12
- package/generated/docs/components_components-select-docs.md +8 -8
- package/generated/docs/components_components-skeleton-docs.md +9 -9
- package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
- package/generated/docs/components_components-skiplink-docs.md +3 -3
- package/generated/docs/components_components-slideout-docs.md +43 -12
- package/generated/docs/components_components-slider-docs.md +12 -12
- package/generated/docs/components_components-spinner-docs.md +3 -3
- package/generated/docs/components_components-stack-docs.md +14 -14
- package/generated/docs/components_components-table-docs.md +51 -44
- package/generated/docs/components_components-tabset-docs.md +10 -10
- package/generated/docs/components_components-tabset-tab-docs.md +4 -4
- package/generated/docs/components_components-tag-docs.md +8 -10
- package/generated/docs/components_components-text-docs.md +7 -7
- package/generated/docs/components_components-toaster-docs.md +12 -12
- package/generated/docs/components_components-toaster-toast-docs.md +30 -30
- package/generated/docs/components_components-toggle-docs.md +5 -5
- package/generated/docs/components_components-tooltip-docs.md +4 -4
- package/generated/docs/components_components-validationmessage-docs.md +6 -6
- package/generated/docs/components_foundations-colour-030-colours.md +32 -32
- package/generated/docs/components_foundations-typography-docs.md +7 -7
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-loading-docs.md +106 -29
- package/generated/docs/components_sandbox-docs.md +4 -0
- package/generated/docs/guidelines.md +39 -39
- package/package.json +20 -20
|
@@ -15,7 +15,7 @@ My investments
|
|
|
15
15
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
16
16
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
Hide codedrawOpen in CodeSandbox
|
|
19
19
|
|
|
20
20
|
<ForwardedTable
|
|
21
21
|
caption\="My investments"
|
|
@@ -144,7 +144,7 @@ TRow\[\]
|
|
|
144
144
|
|
|
145
145
|
| \[\] |
|
|
146
146
|
|
|
147
|
-
|
|
147
|
+
Edit JSON
|
|
148
148
|
|
|
149
149
|
* rows :
|
|
150
150
|
|
|
@@ -198,7 +198,7 @@ My investments
|
|
|
198
198
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
199
199
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
200
200
|
|
|
201
|
-
|
|
201
|
+
Hide codedrawOpen in CodeSandbox
|
|
202
202
|
|
|
203
203
|
<ForwardedTable
|
|
204
204
|
caption\="My investments"
|
|
@@ -326,7 +326,7 @@ TRow\[\]
|
|
|
326
326
|
|
|
327
327
|
| \[\] |
|
|
328
328
|
|
|
329
|
-
|
|
329
|
+
Edit JSON
|
|
330
330
|
|
|
331
331
|
* rows :
|
|
332
332
|
|
|
@@ -376,14 +376,14 @@ My investments
|
|
|
376
376
|
| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
|
|
377
377
|
| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
|
|
378
378
|
|
|
379
|
-
|
|
379
|
+
Hide codedrawOpen in CodeSandbox
|
|
380
380
|
|
|
381
381
|
import {
|
|
382
382
|
IressBadge,
|
|
383
383
|
IressTable,
|
|
384
384
|
IressTableFormattedValue,
|
|
385
385
|
type IressTableProps,
|
|
386
|
-
} from '
|
|
386
|
+
} from '@/main';
|
|
387
387
|
type Props \= Partial<IressTableProps<object, never\>>;
|
|
388
388
|
const renderColumn \= (value: number) \=> (
|
|
389
389
|
<IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
|
|
@@ -609,9 +609,9 @@ Available formats
|
|
|
609
609
|
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
|
|
610
610
|
| Hello, world! | 123456 | 28/06/2020 | 28 Jun 2020 | 2020-06-28 00:00:00 (UTC) | 12 seconds ago | 123,456.78 | 12% | Custom |
|
|
611
611
|
|
|
612
|
-
|
|
612
|
+
Hide codedrawOpen in CodeSandbox
|
|
613
613
|
|
|
614
|
-
import { IressBadge, IressTable, type IressTableProps } from '
|
|
614
|
+
import { IressBadge, IressTable, type IressTableProps } from '@/main';
|
|
615
615
|
type Props \= Partial<IressTableProps<object, never\>>;
|
|
616
616
|
const renderColumn \= (value: string) \=> (
|
|
617
617
|
<IressBadge mode\="info"\>{value}</IressBadge\>
|
|
@@ -786,14 +786,14 @@ My investments
|
|
|
786
786
|
| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
|
|
787
787
|
| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
|
|
788
788
|
|
|
789
|
-
|
|
789
|
+
Hide codedrawOpen in CodeSandbox
|
|
790
790
|
|
|
791
791
|
import {
|
|
792
792
|
IressBadge,
|
|
793
793
|
IressTable,
|
|
794
794
|
IressTableFormattedValue,
|
|
795
795
|
type IressTableProps,
|
|
796
|
-
} from '
|
|
796
|
+
} from '@/main';
|
|
797
797
|
type Props \= Partial<IressTableProps<object, never\>>;
|
|
798
798
|
const renderColumn \= (value: number) \=> (
|
|
799
799
|
<IressBadge mode\={value \> 30000 ? 'success' : 'danger'}\>
|
|
@@ -979,14 +979,14 @@ My investments
|
|
|
979
979
|
| CASH.CASH | 28/06/2020 | 49% | $49,751.40 (net: $20,000.00) |
|
|
980
980
|
| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 (net: N/A) |
|
|
981
981
|
|
|
982
|
-
|
|
982
|
+
Hide codedrawOpen in CodeSandbox
|
|
983
983
|
|
|
984
984
|
import {
|
|
985
985
|
IressTable,
|
|
986
986
|
IressTableFormattedValue,
|
|
987
987
|
type IressTableProps,
|
|
988
988
|
type TableColumn,
|
|
989
|
-
} from '
|
|
989
|
+
} from '@/main';
|
|
990
990
|
type Props \= Partial<IressTableProps<Row, never\>>;
|
|
991
991
|
interface Row {
|
|
992
992
|
investment\_name: string;
|
|
@@ -1191,7 +1191,7 @@ My investments
|
|
|
1191
1191
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49% |
|
|
1192
1192
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2% |
|
|
1193
1193
|
|
|
1194
|
-
|
|
1194
|
+
Hide codedrawOpen in CodeSandbox
|
|
1195
1195
|
|
|
1196
1196
|
<ForwardedTable
|
|
1197
1197
|
caption\="My investments"
|
|
@@ -1276,7 +1276,7 @@ union
|
|
|
1276
1276
|
|
|
1277
1277
|
| \- |
|
|
1278
1278
|
|
|
1279
|
-
|
|
1279
|
+
Edit JSON
|
|
1280
1280
|
|
|
1281
1281
|
* columns :
|
|
1282
1282
|
|
|
@@ -1371,7 +1371,7 @@ TRow\[\]
|
|
|
1371
1371
|
|
|
1372
1372
|
| \[\] |
|
|
1373
1373
|
|
|
1374
|
-
|
|
1374
|
+
Edit JSON
|
|
1375
1375
|
|
|
1376
1376
|
* rows :
|
|
1377
1377
|
|
|
@@ -1421,7 +1421,7 @@ My investments
|
|
|
1421
1421
|
| CASH.CASH | $49,751.40 | 28/06/2020 | 49% |
|
|
1422
1422
|
| VODAFONE GRP | $26,382.46 | 05/02/2019 | 26.2% |
|
|
1423
1423
|
|
|
1424
|
-
|
|
1424
|
+
Hide codedrawOpen in CodeSandbox
|
|
1425
1425
|
|
|
1426
1426
|
<ForwardedTable
|
|
1427
1427
|
caption\="My investments"
|
|
@@ -1509,7 +1509,7 @@ union
|
|
|
1509
1509
|
|
|
1510
1510
|
| \- |
|
|
1511
1511
|
|
|
1512
|
-
|
|
1512
|
+
Edit JSON
|
|
1513
1513
|
|
|
1514
1514
|
* columns :
|
|
1515
1515
|
|
|
@@ -1604,7 +1604,7 @@ TRow\[\]
|
|
|
1604
1604
|
|
|
1605
1605
|
| \[\] |
|
|
1606
1606
|
|
|
1607
|
-
|
|
1607
|
+
Edit JSON
|
|
1608
1608
|
|
|
1609
1609
|
* rows :
|
|
1610
1610
|
|
|
@@ -1654,7 +1654,7 @@ My investments
|
|
|
1654
1654
|
| CASH.CASH | 28/06/2020 | 49% | $49,751.40 |
|
|
1655
1655
|
| VODAFONE GRP | 05/02/2019 | 26.2% | $26,382.46 |
|
|
1656
1656
|
|
|
1657
|
-
|
|
1657
|
+
Hide codedrawOpen in CodeSandbox
|
|
1658
1658
|
|
|
1659
1659
|
<ForwardedTable
|
|
1660
1660
|
caption\="My investments"
|
|
@@ -1739,7 +1739,7 @@ union
|
|
|
1739
1739
|
|
|
1740
1740
|
| \- |
|
|
1741
1741
|
|
|
1742
|
-
|
|
1742
|
+
Edit JSON
|
|
1743
1743
|
|
|
1744
1744
|
* columns :
|
|
1745
1745
|
|
|
@@ -1834,7 +1834,7 @@ TRow\[\]
|
|
|
1834
1834
|
|
|
1835
1835
|
| \[\] |
|
|
1836
1836
|
|
|
1837
|
-
|
|
1837
|
+
Edit JSON
|
|
1838
1838
|
|
|
1839
1839
|
* rows :
|
|
1840
1840
|
|
|
@@ -1882,7 +1882,7 @@ My investments
|
|
|
1882
1882
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
1883
1883
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
1884
1884
|
|
|
1885
|
-
|
|
1885
|
+
Hide codedrawOpen in CodeSandbox
|
|
1886
1886
|
|
|
1887
1887
|
<ForwardedTable
|
|
1888
1888
|
caption\="My investments"
|
|
@@ -2011,7 +2011,7 @@ TRow\[\]
|
|
|
2011
2011
|
|
|
2012
2012
|
| \[\] |
|
|
2013
2013
|
|
|
2014
|
-
|
|
2014
|
+
Edit JSON
|
|
2015
2015
|
|
|
2016
2016
|
* rows :
|
|
2017
2017
|
|
|
@@ -2059,7 +2059,7 @@ My investments
|
|
|
2059
2059
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
2060
2060
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
2061
2061
|
|
|
2062
|
-
|
|
2062
|
+
Hide codedrawOpen in CodeSandbox
|
|
2063
2063
|
|
|
2064
2064
|
<ForwardedTable
|
|
2065
2065
|
caption\="My investments"
|
|
@@ -2188,7 +2188,7 @@ TRow\[\]
|
|
|
2188
2188
|
|
|
2189
2189
|
| \[\] |
|
|
2190
2190
|
|
|
2191
|
-
|
|
2191
|
+
Edit JSON
|
|
2192
2192
|
|
|
2193
2193
|
* rows :
|
|
2194
2194
|
|
|
@@ -2233,9 +2233,9 @@ For very simple tabular data, you have the option to hide the table header with
|
|
|
2233
2233
|
|
|
2234
2234
|
[](./iframe.html?id=components-table--hidden-header)
|
|
2235
2235
|
|
|
2236
|
-
<table class="ids-table-
|
|
2236
|
+
<table class="ids-table-v5205 ids-table--hidden-header-v5205" id="_r_4d_"><caption id="_r_4d_--caption" class="">My investments</caption><tbody><tr id="_r_4d_--rows--0"><th data-column="investment_name" id="_r_4d___0_investment_name" scope="row">Artemis Fund Managers Limited</th><td data-column="cost" headers="_r_4d___0_investment_name" id="_r_4d___0_cost">23898</td><td data-column="investmentDate" headers="_r_4d___0_investment_name" id="_r_4d___0_investmentDate">2019-09-23</td><td data-column="totalPercentage" headers="_r_4d___0_investment_name" id="_r_4d___0_totalPercentage">24.8</td></tr><tr id="_r_4d_--rows--1"><th data-column="investment_name" id="_r_4d___1_investment_name" scope="row">CASH.CASH</th><td data-column="cost" headers="_r_4d___1_investment_name" id="_r_4d___1_cost">49751.4</td><td data-column="investmentDate" headers="_r_4d___1_investment_name" id="_r_4d___1_investmentDate">2020-06-28</td><td data-column="totalPercentage" headers="_r_4d___1_investment_name" id="_r_4d___1_totalPercentage">49</td></tr><tr id="_r_4d_--rows--2"><th data-column="investment_name" id="_r_4d___2_investment_name" scope="row">VODAFONE GRP</th><td data-column="cost" headers="_r_4d___2_investment_name" id="_r_4d___2_cost">26382.456</td><td data-column="investmentDate" headers="_r_4d___2_investment_name" id="_r_4d___2_investmentDate">2019-02-05</td><td data-column="totalPercentage" headers="_r_4d___2_investment_name" id="_r_4d___2_totalPercentage">26.2</td></tr></tbody></table>
|
|
2237
2237
|
|
|
2238
|
-
|
|
2238
|
+
Hide codedrawOpen in CodeSandbox
|
|
2239
2239
|
|
|
2240
2240
|
<ForwardedTable
|
|
2241
2241
|
caption\="My investments"
|
|
@@ -2364,7 +2364,7 @@ TRow\[\]
|
|
|
2364
2364
|
|
|
2365
2365
|
| \[\] |
|
|
2366
2366
|
|
|
2367
|
-
|
|
2367
|
+
Edit JSON
|
|
2368
2368
|
|
|
2369
2369
|
* rows :
|
|
2370
2370
|
|
|
@@ -2414,7 +2414,7 @@ My rich investments
|
|
|
2414
2414
|
| CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
|
|
2415
2415
|
| VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
|
|
2416
2416
|
|
|
2417
|
-
|
|
2417
|
+
Hide codedrawOpen in CodeSandbox
|
|
2418
2418
|
|
|
2419
2419
|
<ForwardedTable
|
|
2420
2420
|
caption\="My rich investments"
|
|
@@ -2542,7 +2542,7 @@ TRow\[\]
|
|
|
2542
2542
|
|
|
2543
2543
|
| \[\] |
|
|
2544
2544
|
|
|
2545
|
-
|
|
2545
|
+
Edit JSON
|
|
2546
2546
|
|
|
2547
2547
|
* rows :
|
|
2548
2548
|
|
|
@@ -2589,7 +2589,7 @@ This is reliant on `columns` prop to provide the information for the table heade
|
|
|
2589
2589
|
| --- | --- | --- | --- |
|
|
2590
2590
|
| This table has no data |
|
|
2591
2591
|
|
|
2592
|
-
|
|
2592
|
+
Hide codedrawOpen in CodeSandbox
|
|
2593
2593
|
|
|
2594
2594
|
<ForwardedTable
|
|
2595
2595
|
columns\={\[
|
|
@@ -2652,7 +2652,7 @@ union
|
|
|
2652
2652
|
|
|
2653
2653
|
| \- |
|
|
2654
2654
|
|
|
2655
|
-
|
|
2655
|
+
Edit JSON
|
|
2656
2656
|
|
|
2657
2657
|
* columns :
|
|
2658
2658
|
|
|
@@ -2751,7 +2751,7 @@ TRow\[\]
|
|
|
2751
2751
|
|
|
2752
2752
|
| \[\] |
|
|
2753
2753
|
|
|
2754
|
-
|
|
2754
|
+
Edit JSON
|
|
2755
2755
|
|
|
2756
2756
|
* rows :
|
|
2757
2757
|
|
|
@@ -2790,7 +2790,7 @@ My investments
|
|
|
2790
2790
|
| CASH.CASH | $49,751.40 | 2020/06/28 | 49% |
|
|
2791
2791
|
| VODAFONE GRP | $26,382.46 | 2019/02/05 | 26.2% |
|
|
2792
2792
|
|
|
2793
|
-
|
|
2793
|
+
Hide codedrawOpen in CodeSandbox
|
|
2794
2794
|
|
|
2795
2795
|
<ForwardedTable caption\="My investments"\>
|
|
2796
2796
|
<thead\>
|
|
@@ -2963,7 +2963,7 @@ My investments
|
|
|
2963
2963
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
2964
2964
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
2965
2965
|
|
|
2966
|
-
|
|
2966
|
+
Hide codedrawOpen in CodeSandbox
|
|
2967
2967
|
|
|
2968
2968
|
<ForwardedTable
|
|
2969
2969
|
caption\="My investments"
|
|
@@ -3099,7 +3099,7 @@ TRow\[\]
|
|
|
3099
3099
|
|
|
3100
3100
|
| \[\] |
|
|
3101
3101
|
|
|
3102
|
-
|
|
3102
|
+
Edit JSON
|
|
3103
3103
|
|
|
3104
3104
|
* rows :
|
|
3105
3105
|
|
|
@@ -3147,7 +3147,7 @@ My investments
|
|
|
3147
3147
|
| CASH.CASH | 49751.4 | 2020-06-28 | 49 |
|
|
3148
3148
|
| VODAFONE GRP | 26382.456 | 2019-02-05 | 26.2 |
|
|
3149
3149
|
|
|
3150
|
-
|
|
3150
|
+
Hide codedrawOpen in CodeSandbox
|
|
3151
3151
|
|
|
3152
3152
|
<ForwardedTable
|
|
3153
3153
|
caption\="My investments"
|
|
@@ -3276,7 +3276,7 @@ TRow\[\]
|
|
|
3276
3276
|
|
|
3277
3277
|
| \[\] |
|
|
3278
3278
|
|
|
3279
|
-
|
|
3279
|
+
Edit JSON
|
|
3280
3280
|
|
|
3281
3281
|
* rows :
|
|
3282
3282
|
|
|
@@ -3318,10 +3318,17 @@ In some cases you may have a table with multiple groups of rows inside it, howev
|
|
|
3318
3318
|
|
|
3319
3319
|
[](./iframe.html?id=components-table-body--body)
|
|
3320
3320
|
|
|
3321
|
-
<table class="ids-table-
|
|
3321
|
+
<table class="ids-table-v5205" id="_r_4m_"><caption id="_r_4m_--caption" class="">My liabilities</caption><tbody aria-labelledby="_r_4n_--caption" class=""><tr><th aria-expanded="true" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4n_--caption" scope="rowgroup" aria-controls="_r_4n_--header--0 _r_4n_--rows--0 _r_4n_--children"><button class="ids-table--activator-v5205" type="button">Current liabilities</button></th></tr><tr class="ids-table--row-group-column-headers-v5205" id="_r_4n_--header--0"><th id="_r_4n___owner" headers="_r_4n_--caption" class="" style="width: 75px; min-width: 75px;">Owner</th><th id="_r_4n___type" headers="_r_4n_--caption" class="" style="width: 100px; min-width: 100px;">Type</th><th id="_r_4n___provider" headers="_r_4n_--caption" class="">Provider</th><th id="_r_4n___status" headers="_r_4n_--caption" class="ids-table--divider-v5205">Status</th><th id="_r_4n___frequency" headers="_r_4n_--caption" class="">Frequency</th><th id="_r_4n___outstanding" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--currency-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Outstanding (GBP)<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_4n___interestRate" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--right-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Interest rate p.a.<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th><th id="_r_4n___repayment" headers="_r_4n_--caption" aria-sort="none" class="ids-table--cell--currency-v5205"><button type="button" class="ids-table--sort-button-v5205 ids-table--sort-button-no-wrap-v5205">Repayment (GBP)<span role="img" class="ids-table--sort-icon-v5205 ids-icon-v5205 fa-sort fal" aria-label="sortable"></span></button></th></tr><tr id="_r_4n_--rows--0"><td data-column="owner" headers="_r_4n___owner _r_4n_--caption" id="_r_4n___0_owner" class="" style="width: 75px; min-width: 75px;">Client</td><td data-column="type" headers="_r_4n___type _r_4n_--caption" id="_r_4n___0_type" class="" style="width: 100px; min-width: 100px;">Credit card</td><td data-column="provider" headers="_r_4n___provider _r_4n_--caption" id="_r_4n___0_provider" class=""></td><td data-column="status" headers="_r_4n___status _r_4n_--caption" id="_r_4n___0_status" class="ids-table--divider-v5205">Current</td><td data-column="frequency" headers="_r_4n___frequency _r_4n_--caption" id="_r_4n___0_frequency" class="">Monthly</td><td data-column="outstanding" headers="_r_4n___outstanding _r_4n_--caption" id="_r_4n___0_outstanding" class="ids-table--cell--currency-v5205">5,000.00</td><td data-column="interestRate" headers="_r_4n___interestRate _r_4n_--caption" id="_r_4n___0_interestRate" class="ids-table--cell--right-v5205">0%</td><td data-column="repayment" headers="_r_4n___repayment _r_4n_--caption" id="_r_4n___0_repayment" class="ids-table--cell--currency-v5205">300.00</td></tr><tr id="_r_4n_--children"><td colspan="8"><button class="iress-form-element iress-form-element__inner iress-u-button iress--mode--tertiary" type="button"><span class="iress-u-button__prepend"><span role="img" class="ids-icon-v5205 fa-plus-circle fal" aria-hidden="true"></span></span>Add current liability</button></td></tr></tbody><tbody aria-labelledby="_r_4p_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4p_--caption" scope="rowgroup"><button class="ids-table--activator-v5205" type="button">Long term liabilities</button></th></tr></tbody><tbody aria-labelledby="_r_4q_--caption" class=""><tr><th aria-expanded="false" colspan="8" class="ids-table--row-group-header-v5205" id="_r_4q_--caption" scope="rowgroup"><button class="ids-table--activator-v5205" type="button">Contingent liabilities</button></th></tr></tbody></table>
|
|
3322
3322
|
|
|
3323
|
-
|
|
3323
|
+
Hide codedrawOpen in CodeSandbox
|
|
3324
3324
|
|
|
3325
|
+
import {
|
|
3326
|
+
IressButton,
|
|
3327
|
+
IressIcon,
|
|
3328
|
+
IressTable,
|
|
3329
|
+
IressTableBody,
|
|
3330
|
+
type TableColumn,
|
|
3331
|
+
} from '@/main';
|
|
3325
3332
|
interface Liability {
|
|
3326
3333
|
owner: string;
|
|
3327
3334
|
type: string;
|
|
@@ -3589,14 +3596,14 @@ IressTableFormattedValue
|
|
|
3589
3596
|
| --- | --- |
|
|
3590
3597
|
| string | string |
|
|
3591
3598
|
| number | 10000 |
|
|
3592
|
-
| date |
|
|
3593
|
-
| shortDate |
|
|
3594
|
-
| isoDateTime |
|
|
3599
|
+
| date | 06/01/2026 |
|
|
3600
|
+
| shortDate | 6 Jan 2026 |
|
|
3601
|
+
| isoDateTime | 2026-01-06 04:14:30 (UTC) |
|
|
3595
3602
|
| relativeTime | now |
|
|
3596
3603
|
| currency | $10,000.00 |
|
|
3597
3604
|
| percent | 50% |
|
|
3598
3605
|
|
|
3599
|
-
|
|
3606
|
+
Hide codedrawOpen in CodeSandbox
|
|
3600
3607
|
|
|
3601
3608
|
{
|
|
3602
3609
|
args: {
|
|
@@ -20,7 +20,7 @@ Employment information goes here
|
|
|
20
20
|
|
|
21
21
|
Medical history goes here
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
Hide codedrawOpen in CodeSandbox
|
|
24
24
|
|
|
25
25
|
<IressTabSet\>
|
|
26
26
|
<IressTab label\="Address"\>
|
|
@@ -104,7 +104,7 @@ Employment
|
|
|
104
104
|
|
|
105
105
|
History
|
|
106
106
|
|
|
107
|
-
|
|
107
|
+
Hide codedrawOpen in CodeSandbox
|
|
108
108
|
|
|
109
109
|
<IressTabSet\>
|
|
110
110
|
<IressTab label\="Address" />
|
|
@@ -183,7 +183,7 @@ Employment information goes here
|
|
|
183
183
|
|
|
184
184
|
Medical history goes here
|
|
185
185
|
|
|
186
|
-
|
|
186
|
+
Hide codedrawOpen in CodeSandbox
|
|
187
187
|
|
|
188
188
|
<IressTabSet\>
|
|
189
189
|
<IressTab label\="Address"\>
|
|
@@ -262,7 +262,7 @@ Employment
|
|
|
262
262
|
|
|
263
263
|
History
|
|
264
264
|
|
|
265
|
-
|
|
265
|
+
Hide codedrawOpen in CodeSandbox
|
|
266
266
|
|
|
267
267
|
<IressTabSet defaultSelected\={2}\>
|
|
268
268
|
<IressTab label\="Address" />
|
|
@@ -347,7 +347,7 @@ Employment information goes here
|
|
|
347
347
|
|
|
348
348
|
Medical history goes here
|
|
349
349
|
|
|
350
|
-
|
|
350
|
+
Hide codedrawOpen in CodeSandbox
|
|
351
351
|
|
|
352
352
|
import {
|
|
353
353
|
IressButton,
|
|
@@ -355,7 +355,7 @@ import {
|
|
|
355
355
|
IressTab,
|
|
356
356
|
IressTabSet,
|
|
357
357
|
type IressTabSetProps,
|
|
358
|
-
} from '
|
|
358
|
+
} from '@/main';
|
|
359
359
|
import { useState } from 'react';
|
|
360
360
|
export const TabsUsingState \= () \=> {
|
|
361
361
|
const \[selected, setSelected\] \= useState<number\>();
|
|
@@ -481,7 +481,7 @@ Employment information goes here
|
|
|
481
481
|
|
|
482
482
|
Medical history goes here
|
|
483
483
|
|
|
484
|
-
|
|
484
|
+
Hide codedrawOpen in CodeSandbox
|
|
485
485
|
|
|
486
486
|
<IressStack gutter\="md"\>
|
|
487
487
|
<IressPanel\>
|
|
@@ -583,7 +583,7 @@ As of version 5, tabs can be lazy loaded. However, to ensure they work correctly
|
|
|
583
583
|
|
|
584
584
|
Toggle tabs
|
|
585
585
|
|
|
586
|
-
|
|
586
|
+
Hide codedrawOpen in CodeSandbox
|
|
587
587
|
|
|
588
588
|
import {
|
|
589
589
|
IressButton,
|
|
@@ -591,7 +591,7 @@ import {
|
|
|
591
591
|
IressTab,
|
|
592
592
|
IressTabSet,
|
|
593
593
|
type IressTabSetProps,
|
|
594
|
-
} from '
|
|
594
|
+
} from '@/main';
|
|
595
595
|
import { useState } from 'react';
|
|
596
596
|
export const TabsLazyLoading \= () \=> {
|
|
597
597
|
const \[loadTabs, setLoadTabs\] \= useState<boolean\>();
|
|
@@ -703,7 +703,7 @@ Employment information goes here
|
|
|
703
703
|
|
|
704
704
|
Medical history goes here
|
|
705
705
|
|
|
706
|
-
|
|
706
|
+
Hide codedrawOpen in CodeSandbox
|
|
707
707
|
|
|
708
708
|
<IressTabSet\>
|
|
709
709
|
<IressBadge
|
|
@@ -10,7 +10,7 @@ A tab is an interactive element that controls the display of other content, usua
|
|
|
10
10
|
|
|
11
11
|
Tab
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
15
|
<IressTab label\="Tab" />
|
|
16
16
|
|
|
@@ -74,7 +74,7 @@ The tab can be set to active using the `active` prop.
|
|
|
74
74
|
|
|
75
75
|
Tab
|
|
76
76
|
|
|
77
|
-
|
|
77
|
+
Hide codedrawOpen in CodeSandbox
|
|
78
78
|
|
|
79
79
|
<IressTab
|
|
80
80
|
active
|
|
@@ -135,7 +135,7 @@ A tab can have a unique value set to it, used to determine its active state in a
|
|
|
135
135
|
|
|
136
136
|
Tab with value
|
|
137
137
|
|
|
138
|
-
|
|
138
|
+
Hide codedrawOpen in CodeSandbox
|
|
139
139
|
|
|
140
140
|
<IressTabSet\>
|
|
141
141
|
<IressTab
|
|
@@ -204,7 +204,7 @@ Tab
|
|
|
204
204
|
|
|
205
205
|
Some content for this tab
|
|
206
206
|
|
|
207
|
-
|
|
207
|
+
Hide codedrawOpen in CodeSandbox
|
|
208
208
|
|
|
209
209
|
<IressTabSet\>
|
|
210
210
|
<IressTab label\="Tab"\>
|
|
@@ -10,13 +10,11 @@ Tags represent individual units in a group of selected items.
|
|
|
10
10
|
|
|
11
11
|
Tag
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
}
|
|
15
|
+
<IressTag\>
|
|
16
|
+
Tag
|
|
17
|
+
</IressTag\>
|
|
20
18
|
|
|
21
19
|
```
|
|
22
20
|
|
|
@@ -91,7 +89,7 @@ Tag 2
|
|
|
91
89
|
|
|
92
90
|
Tag 3
|
|
93
91
|
|
|
94
|
-
|
|
92
|
+
Hide codedrawOpen in CodeSandbox
|
|
95
93
|
|
|
96
94
|
import {
|
|
97
95
|
IressButton,
|
|
@@ -100,7 +98,7 @@ import {
|
|
|
100
98
|
IressInline,
|
|
101
99
|
IressTag,
|
|
102
100
|
type IressTagProps,
|
|
103
|
-
} from '
|
|
101
|
+
} from '@/main';
|
|
104
102
|
import { useState } from 'react';
|
|
105
103
|
export const TagDeletion \= (args: IressTagProps) \=> {
|
|
106
104
|
const \[tags, setTags\] \= useState(\['Tag 1', 'Tag 2', 'Tag 3'\]);
|
|
@@ -201,7 +199,7 @@ If you need to manage tags that are selected from a existing list, use `IressRic
|
|
|
201
199
|
|
|
202
200
|
Tag
|
|
203
201
|
|
|
204
|
-
|
|
202
|
+
Hide codedrawOpen in CodeSandbox
|
|
205
203
|
|
|
206
204
|
<IressTagInput
|
|
207
205
|
defaultValue\={\[
|
|
@@ -222,7 +220,7 @@ string\[\]
|
|
|
222
220
|
|
|
223
221
|
| \- |
|
|
224
222
|
|
|
225
|
-
|
|
223
|
+
Edit JSON
|
|
226
224
|
|
|
227
225
|
* defaultValue :
|
|
228
226
|
|
|
@@ -10,7 +10,7 @@ The `IressText` component allows you to set typographic styles either on one ele
|
|
|
10
10
|
|
|
11
11
|
The quick brown fox jumps over the lazy dog
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
Hide codedrawOpen in CodeSandbox
|
|
14
14
|
|
|
15
15
|
<IressText\>
|
|
16
16
|
The quick brown fox jumps over the lazy dog
|
|
@@ -124,7 +124,7 @@ This is a h2 element.
|
|
|
124
124
|
|
|
125
125
|
This is a caption element.This is a cite element.This is a small element.
|
|
126
126
|
|
|
127
|
-
|
|
127
|
+
Hide codedrawOpen in CodeSandbox
|
|
128
128
|
|
|
129
129
|
<IressStack gutter\="md"\>
|
|
130
130
|
<IressText element\="p"\>
|
|
@@ -271,7 +271,7 @@ This is the cite variant.
|
|
|
271
271
|
|
|
272
272
|
This is the caption variant.
|
|
273
273
|
|
|
274
|
-
|
|
274
|
+
Hide codedrawOpen in CodeSandbox
|
|
275
275
|
|
|
276
276
|
<IressStack gutter\="md"\>
|
|
277
277
|
<IressText variant\="blockquote"\>
|
|
@@ -408,7 +408,7 @@ Nested text mode demonstration:
|
|
|
408
408
|
|
|
409
409
|
I am nested, and return to the original colour
|
|
410
410
|
|
|
411
|
-
|
|
411
|
+
Hide codedrawOpen in CodeSandbox
|
|
412
412
|
|
|
413
413
|
<IressStack gutter\="md"\>
|
|
414
414
|
<IressText mode\="danger"\>
|
|
@@ -516,7 +516,7 @@ The quick brown fox jumps over the lazy dog
|
|
|
516
516
|
|
|
517
517
|
The quick brown fox jumps over the lazy dog
|
|
518
518
|
|
|
519
|
-
|
|
519
|
+
Hide codedrawOpen in CodeSandbox
|
|
520
520
|
|
|
521
521
|
<IressStack gutter\="md"\>
|
|
522
522
|
<IressText align\="inherit"\>
|
|
@@ -622,7 +622,7 @@ H2 heading with icons
|
|
|
622
622
|
|
|
623
623
|
###### H6 heading with icons
|
|
624
624
|
|
|
625
|
-
|
|
625
|
+
Hide codedrawOpen in CodeSandbox
|
|
626
626
|
|
|
627
627
|
<IressStack\>
|
|
628
628
|
<IressText element\="h1"\>
|
|
@@ -748,7 +748,7 @@ You can also use dividers inside blocks to separate content.
|
|
|
748
748
|
|
|
749
749
|
Just like the one above.
|
|
750
750
|
|
|
751
|
-
|
|
751
|
+
Hide codedrawOpen in CodeSandbox
|
|
752
752
|
|
|
753
753
|
<IressText\>
|
|
754
754
|
<h2\>
|