@lab-anssi/ui-kit 1.54.0 → 1.55.0
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.
|
@@ -1264,6 +1264,34 @@
|
|
|
1264
1264
|
"type": "Boolean",
|
|
1265
1265
|
"tsType": "boolean",
|
|
1266
1266
|
"description": "Rend le groupe de checkboxes obligatoire (au moins une sélection requise)"
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
"name": "legendSize",
|
|
1270
|
+
"attribute": "legend-size",
|
|
1271
|
+
"type": "String",
|
|
1272
|
+
"tsType": "TextSize",
|
|
1273
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur la légende",
|
|
1274
|
+
"options": [
|
|
1275
|
+
"xs",
|
|
1276
|
+
"sm",
|
|
1277
|
+
"md",
|
|
1278
|
+
"lg",
|
|
1279
|
+
"xl",
|
|
1280
|
+
"lead"
|
|
1281
|
+
]
|
|
1282
|
+
},
|
|
1283
|
+
{
|
|
1284
|
+
"name": "legendWeight",
|
|
1285
|
+
"attribute": "legend-weight",
|
|
1286
|
+
"type": "String",
|
|
1287
|
+
"tsType": "TextWeight",
|
|
1288
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur la légende",
|
|
1289
|
+
"options": [
|
|
1290
|
+
"light",
|
|
1291
|
+
"regular",
|
|
1292
|
+
"bold",
|
|
1293
|
+
"heavy"
|
|
1294
|
+
]
|
|
1267
1295
|
}
|
|
1268
1296
|
],
|
|
1269
1297
|
"events": [
|
|
@@ -1273,7 +1301,7 @@
|
|
|
1273
1301
|
}
|
|
1274
1302
|
],
|
|
1275
1303
|
"slots": [],
|
|
1276
|
-
"example": "<dsfr-checkboxes-group\n id={args.id}\n legend={args.legend}\n checkboxes={args.checkboxes}\n hint={args.hint}\n size={args.size}\n inline={args.inline || undefined}\n disabled={args.disabled || undefined}\n values={args.values}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n ></dsfr-checkboxes-group>"
|
|
1304
|
+
"example": "<dsfr-checkboxes-group\n id={args.id}\n legend={args.legend}\n checkboxes={args.checkboxes}\n hint={args.hint}\n size={args.size}\n inline={args.inline || undefined}\n disabled={args.disabled || undefined}\n values={args.values}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n legend-size={args.legendSize}\n legend-weight={args.legendWeight}\n ></dsfr-checkboxes-group>"
|
|
1277
1305
|
},
|
|
1278
1306
|
{
|
|
1279
1307
|
"tagName": "dsfr-connect",
|
|
@@ -2363,6 +2391,34 @@
|
|
|
2363
2391
|
"type": "Boolean",
|
|
2364
2392
|
"tsType": "boolean",
|
|
2365
2393
|
"description": "Associe un bouton d'action à l'input (variation action)"
|
|
2394
|
+
},
|
|
2395
|
+
{
|
|
2396
|
+
"name": "labelSize",
|
|
2397
|
+
"attribute": "label-size",
|
|
2398
|
+
"type": "String",
|
|
2399
|
+
"tsType": "TextSize",
|
|
2400
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur le label",
|
|
2401
|
+
"options": [
|
|
2402
|
+
"xs",
|
|
2403
|
+
"sm",
|
|
2404
|
+
"md",
|
|
2405
|
+
"lg",
|
|
2406
|
+
"xl",
|
|
2407
|
+
"lead"
|
|
2408
|
+
]
|
|
2409
|
+
},
|
|
2410
|
+
{
|
|
2411
|
+
"name": "labelWeight",
|
|
2412
|
+
"attribute": "label-weight",
|
|
2413
|
+
"type": "String",
|
|
2414
|
+
"tsType": "TextWeight",
|
|
2415
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur le label",
|
|
2416
|
+
"options": [
|
|
2417
|
+
"light",
|
|
2418
|
+
"regular",
|
|
2419
|
+
"bold",
|
|
2420
|
+
"heavy"
|
|
2421
|
+
]
|
|
2366
2422
|
}
|
|
2367
2423
|
],
|
|
2368
2424
|
"events": [
|
|
@@ -2372,7 +2428,125 @@
|
|
|
2372
2428
|
}
|
|
2373
2429
|
],
|
|
2374
2430
|
"slots": [],
|
|
2375
|
-
"example": "<dsfr-input\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n hint={args.hint}\n type={args.type}\n icon={args.icon}\n value={args.value}\n placeholder={args.placeholder}\n name={args.name}\n autocomplete={args.autocomplete}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n info-message={args.infoMessage}\n form={args.form}\n max={args.max}\n maxlength={args.maxlength}\n min={args.min}\n minlength={args.minlength}\n pattern={args.pattern}\n readonly={args.readonly || undefined}\n required={args.required || undefined}\n step={args.step}\n ></dsfr-input>"
|
|
2431
|
+
"example": "<dsfr-input\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n hint={args.hint}\n type={args.type}\n icon={args.icon}\n value={args.value}\n placeholder={args.placeholder}\n name={args.name}\n autocomplete={args.autocomplete}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n info-message={args.infoMessage}\n form={args.form}\n max={args.max}\n maxlength={args.maxlength}\n min={args.min}\n minlength={args.minlength}\n pattern={args.pattern}\n readonly={args.readonly || undefined}\n required={args.required || undefined}\n step={args.step}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-input>"
|
|
2432
|
+
},
|
|
2433
|
+
{
|
|
2434
|
+
"tagName": "dsfr-label",
|
|
2435
|
+
"title": "Composants/dsfr/Label",
|
|
2436
|
+
"source": "src/lib/dsfr/DsfrLabel.svelte",
|
|
2437
|
+
"props": [
|
|
2438
|
+
{
|
|
2439
|
+
"name": "for",
|
|
2440
|
+
"attribute": "for",
|
|
2441
|
+
"type": "String",
|
|
2442
|
+
"tsType": "string",
|
|
2443
|
+
"description": "Attribut for du label (id du champ associé)"
|
|
2444
|
+
},
|
|
2445
|
+
{
|
|
2446
|
+
"name": "label",
|
|
2447
|
+
"attribute": "label",
|
|
2448
|
+
"type": "String",
|
|
2449
|
+
"tsType": "string",
|
|
2450
|
+
"description": "Texte du label"
|
|
2451
|
+
},
|
|
2452
|
+
{
|
|
2453
|
+
"name": "hint",
|
|
2454
|
+
"attribute": "hint",
|
|
2455
|
+
"type": "String",
|
|
2456
|
+
"tsType": "string",
|
|
2457
|
+
"description": "Texte additionnel sous le label"
|
|
2458
|
+
},
|
|
2459
|
+
{
|
|
2460
|
+
"name": "hidden",
|
|
2461
|
+
"attribute": "hidden",
|
|
2462
|
+
"type": "Boolean",
|
|
2463
|
+
"tsType": "boolean",
|
|
2464
|
+
"description": "Masque visuellement le label tout en le gardant accessible"
|
|
2465
|
+
},
|
|
2466
|
+
{
|
|
2467
|
+
"name": "id",
|
|
2468
|
+
"attribute": "id",
|
|
2469
|
+
"type": "String",
|
|
2470
|
+
"tsType": "string",
|
|
2471
|
+
"description": "Attribut id du label"
|
|
2472
|
+
},
|
|
2473
|
+
{
|
|
2474
|
+
"name": "class",
|
|
2475
|
+
"attribute": "class",
|
|
2476
|
+
"type": "String",
|
|
2477
|
+
"tsType": "string",
|
|
2478
|
+
"description": "Classe(s) additionnelle(s)"
|
|
2479
|
+
},
|
|
2480
|
+
{
|
|
2481
|
+
"name": "context",
|
|
2482
|
+
"attribute": "context",
|
|
2483
|
+
"type": "String",
|
|
2484
|
+
"tsType": "\"field\" | \"default\"",
|
|
2485
|
+
"description": "Contexte d'affichage du composant.\n- \"field\" : inside input-group ou select-group → fr-hint-text reçoit une marge supérieure\n- \"default\" (défaut) : checkbox, radio, segmented… → pas de marge spécifique",
|
|
2486
|
+
"options": [
|
|
2487
|
+
"field",
|
|
2488
|
+
"default"
|
|
2489
|
+
]
|
|
2490
|
+
},
|
|
2491
|
+
{
|
|
2492
|
+
"name": "inline",
|
|
2493
|
+
"attribute": "inline",
|
|
2494
|
+
"type": "Boolean",
|
|
2495
|
+
"tsType": "boolean",
|
|
2496
|
+
"description": "Gère les états du label lorsque celui-ci est aligné horizontalement avec le champ"
|
|
2497
|
+
},
|
|
2498
|
+
{
|
|
2499
|
+
"name": "status",
|
|
2500
|
+
"attribute": "status",
|
|
2501
|
+
"type": "String",
|
|
2502
|
+
"tsType": "\"default\" | \"valid\" | \"error\" | \"info\"",
|
|
2503
|
+
"description": "Statut du champ associé, applique la couleur correspondante sur le label.\n- \"error\" → fr-label--error\n- \"valid\" → fr-label--success\n- \"info\" → fr-label--info",
|
|
2504
|
+
"options": [
|
|
2505
|
+
"default",
|
|
2506
|
+
"valid",
|
|
2507
|
+
"error",
|
|
2508
|
+
"info"
|
|
2509
|
+
]
|
|
2510
|
+
},
|
|
2511
|
+
{
|
|
2512
|
+
"name": "disabled",
|
|
2513
|
+
"attribute": "disabled",
|
|
2514
|
+
"type": "Boolean",
|
|
2515
|
+
"tsType": "boolean",
|
|
2516
|
+
"description": "Désactive le label (applique la couleur désactivée)"
|
|
2517
|
+
},
|
|
2518
|
+
{
|
|
2519
|
+
"name": "labelSize",
|
|
2520
|
+
"attribute": "label-size",
|
|
2521
|
+
"type": "String",
|
|
2522
|
+
"tsType": "TextSize",
|
|
2523
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead)",
|
|
2524
|
+
"options": [
|
|
2525
|
+
"xs",
|
|
2526
|
+
"sm",
|
|
2527
|
+
"md",
|
|
2528
|
+
"lg",
|
|
2529
|
+
"xl",
|
|
2530
|
+
"lead"
|
|
2531
|
+
]
|
|
2532
|
+
},
|
|
2533
|
+
{
|
|
2534
|
+
"name": "labelWeight",
|
|
2535
|
+
"attribute": "label-weight",
|
|
2536
|
+
"type": "String",
|
|
2537
|
+
"tsType": "TextWeight",
|
|
2538
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy)",
|
|
2539
|
+
"options": [
|
|
2540
|
+
"light",
|
|
2541
|
+
"regular",
|
|
2542
|
+
"bold",
|
|
2543
|
+
"heavy"
|
|
2544
|
+
]
|
|
2545
|
+
}
|
|
2546
|
+
],
|
|
2547
|
+
"events": [],
|
|
2548
|
+
"slots": [],
|
|
2549
|
+
"example": "<dsfr-label\n for={args.for}\n label={args.label}\n hint={args.hint}\n hidden={args.hidden || undefined}\n id={args.id}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-label>"
|
|
2376
2550
|
},
|
|
2377
2551
|
{
|
|
2378
2552
|
"tagName": "dsfr-link",
|
|
@@ -3211,6 +3385,34 @@
|
|
|
3211
3385
|
"type": "Boolean",
|
|
3212
3386
|
"tsType": "boolean",
|
|
3213
3387
|
"description": "Attribut required du composant"
|
|
3388
|
+
},
|
|
3389
|
+
{
|
|
3390
|
+
"name": "legendSize",
|
|
3391
|
+
"attribute": "legend-size",
|
|
3392
|
+
"type": "String",
|
|
3393
|
+
"tsType": "TextSize",
|
|
3394
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur la légende",
|
|
3395
|
+
"options": [
|
|
3396
|
+
"xs",
|
|
3397
|
+
"sm",
|
|
3398
|
+
"md",
|
|
3399
|
+
"lg",
|
|
3400
|
+
"xl",
|
|
3401
|
+
"lead"
|
|
3402
|
+
]
|
|
3403
|
+
},
|
|
3404
|
+
{
|
|
3405
|
+
"name": "legendWeight",
|
|
3406
|
+
"attribute": "legend-weight",
|
|
3407
|
+
"type": "String",
|
|
3408
|
+
"tsType": "TextWeight",
|
|
3409
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur la légende",
|
|
3410
|
+
"options": [
|
|
3411
|
+
"light",
|
|
3412
|
+
"regular",
|
|
3413
|
+
"bold",
|
|
3414
|
+
"heavy"
|
|
3415
|
+
]
|
|
3214
3416
|
}
|
|
3215
3417
|
],
|
|
3216
3418
|
"events": [
|
|
@@ -3220,7 +3422,7 @@
|
|
|
3220
3422
|
}
|
|
3221
3423
|
],
|
|
3222
3424
|
"slots": [],
|
|
3223
|
-
"example": "<dsfr-radios-group\n id={args.id}\n legend={args.legend}\n radios={args.radios}\n hint={args.hint}\n size={args.size}\n rich={args.rich || undefined}\n has-pictogram={args.hasPictogram || undefined}\n inline={args.inline || undefined}\n disabled={args.disabled || undefined}\n value={args.value || \"\"}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n ></dsfr-radios-group>"
|
|
3425
|
+
"example": "<dsfr-radios-group\n id={args.id}\n legend={args.legend}\n radios={args.radios}\n hint={args.hint}\n size={args.size}\n rich={args.rich || undefined}\n has-pictogram={args.hasPictogram || undefined}\n inline={args.inline || undefined}\n disabled={args.disabled || undefined}\n value={args.value || \"\"}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n legend-size={args.legendSize}\n legend-weight={args.legendWeight}\n ></dsfr-radios-group>"
|
|
3224
3426
|
},
|
|
3225
3427
|
{
|
|
3226
3428
|
"tagName": "dsfr-range",
|
|
@@ -3387,6 +3589,34 @@
|
|
|
3387
3589
|
"type": "Boolean",
|
|
3388
3590
|
"tsType": "boolean",
|
|
3389
3591
|
"description": "Permet de masquer le texte de l'élément 'output'"
|
|
3592
|
+
},
|
|
3593
|
+
{
|
|
3594
|
+
"name": "labelSize",
|
|
3595
|
+
"attribute": "label-size",
|
|
3596
|
+
"type": "String",
|
|
3597
|
+
"tsType": "TextSize",
|
|
3598
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur le label",
|
|
3599
|
+
"options": [
|
|
3600
|
+
"xs",
|
|
3601
|
+
"sm",
|
|
3602
|
+
"md",
|
|
3603
|
+
"lg",
|
|
3604
|
+
"xl",
|
|
3605
|
+
"lead"
|
|
3606
|
+
]
|
|
3607
|
+
},
|
|
3608
|
+
{
|
|
3609
|
+
"name": "labelWeight",
|
|
3610
|
+
"attribute": "label-weight",
|
|
3611
|
+
"type": "String",
|
|
3612
|
+
"tsType": "TextWeight",
|
|
3613
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur le label",
|
|
3614
|
+
"options": [
|
|
3615
|
+
"light",
|
|
3616
|
+
"regular",
|
|
3617
|
+
"bold",
|
|
3618
|
+
"heavy"
|
|
3619
|
+
]
|
|
3390
3620
|
}
|
|
3391
3621
|
],
|
|
3392
3622
|
"events": [
|
|
@@ -3405,7 +3635,7 @@
|
|
|
3405
3635
|
"description": "Messages d'aide ou d'erreur personnalisés"
|
|
3406
3636
|
}
|
|
3407
3637
|
],
|
|
3408
|
-
"example": "<dsfr-range\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n name={args.name}\n hint={args.hint}\n size={args.size}\n min={args.min}\n max={args.max}\n value={args.value}\n step={args.step}\n prefix={args.prefix}\n suffix={args.suffix}\n disabled={args.disabled || undefined}\n is-double={args.isDouble || undefined}\n value2={args.value2}\n min-value-label={args.minValueLabel}\n max-value-label={args.maxValueLabel}\n is-step={args.isStep || undefined}\n indicators={args.indicators ?? true}\n status={args.status}\n error-message={args.errorMessage}\n hide-output-label={args.hideOutputLabel || undefined}\n ></dsfr-range>"
|
|
3638
|
+
"example": "<dsfr-range\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n name={args.name}\n hint={args.hint}\n size={args.size}\n min={args.min}\n max={args.max}\n value={args.value}\n step={args.step}\n prefix={args.prefix}\n suffix={args.suffix}\n disabled={args.disabled || undefined}\n is-double={args.isDouble || undefined}\n value2={args.value2}\n min-value-label={args.minValueLabel}\n max-value-label={args.maxValueLabel}\n is-step={args.isStep || undefined}\n indicators={args.indicators ?? true}\n status={args.status}\n error-message={args.errorMessage}\n hide-output-label={args.hideOutputLabel || undefined}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-range>"
|
|
3409
3639
|
},
|
|
3410
3640
|
{
|
|
3411
3641
|
"tagName": "dsfr-search",
|
|
@@ -3531,6 +3761,34 @@
|
|
|
3531
3761
|
"type": "Boolean",
|
|
3532
3762
|
"tsType": "boolean",
|
|
3533
3763
|
"description": "Rend le champ de saisie obligatoire"
|
|
3764
|
+
},
|
|
3765
|
+
{
|
|
3766
|
+
"name": "labelSize",
|
|
3767
|
+
"attribute": "label-size",
|
|
3768
|
+
"type": "String",
|
|
3769
|
+
"tsType": "TextSize",
|
|
3770
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur le label",
|
|
3771
|
+
"options": [
|
|
3772
|
+
"xs",
|
|
3773
|
+
"sm",
|
|
3774
|
+
"md",
|
|
3775
|
+
"lg",
|
|
3776
|
+
"xl",
|
|
3777
|
+
"lead"
|
|
3778
|
+
]
|
|
3779
|
+
},
|
|
3780
|
+
{
|
|
3781
|
+
"name": "labelWeight",
|
|
3782
|
+
"attribute": "label-weight",
|
|
3783
|
+
"type": "String",
|
|
3784
|
+
"tsType": "TextWeight",
|
|
3785
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur le label",
|
|
3786
|
+
"options": [
|
|
3787
|
+
"light",
|
|
3788
|
+
"regular",
|
|
3789
|
+
"bold",
|
|
3790
|
+
"heavy"
|
|
3791
|
+
]
|
|
3534
3792
|
}
|
|
3535
3793
|
],
|
|
3536
3794
|
"events": [
|
|
@@ -3544,7 +3802,7 @@
|
|
|
3544
3802
|
}
|
|
3545
3803
|
],
|
|
3546
3804
|
"slots": [],
|
|
3547
|
-
"example": "<dsfr-search\n input-id={args.inputId}\n input-label={args.inputLabel}\n button-label={args.buttonLabel}\n button-title={args.buttonTitle}\n size={args.size}\n placeholder={args.placeholder}\n value={args.value}\n disabled={args.disabled || undefined}\n form={args.form}\n maxlength={args.maxlength}\n minlength={args.minlength}\n name={args.name}\n pattern={args.pattern}\n readonly={args.readonly || undefined}\n required={args.required || undefined}\n ></dsfr-search>"
|
|
3805
|
+
"example": "<dsfr-search\n input-id={args.inputId}\n input-label={args.inputLabel}\n button-label={args.buttonLabel}\n button-title={args.buttonTitle}\n size={args.size}\n placeholder={args.placeholder}\n value={args.value}\n disabled={args.disabled || undefined}\n form={args.form}\n maxlength={args.maxlength}\n minlength={args.minlength}\n name={args.name}\n pattern={args.pattern}\n readonly={args.readonly || undefined}\n required={args.required || undefined}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-search>"
|
|
3548
3806
|
},
|
|
3549
3807
|
{
|
|
3550
3808
|
"tagName": "dsfr-segmented",
|
|
@@ -3757,6 +4015,34 @@
|
|
|
3757
4015
|
"type": "String",
|
|
3758
4016
|
"tsType": "string",
|
|
3759
4017
|
"description": "Attribut name du champs de saisie"
|
|
4018
|
+
},
|
|
4019
|
+
{
|
|
4020
|
+
"name": "labelSize",
|
|
4021
|
+
"attribute": "label-size",
|
|
4022
|
+
"type": "String",
|
|
4023
|
+
"tsType": "TextSize",
|
|
4024
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur le label",
|
|
4025
|
+
"options": [
|
|
4026
|
+
"xs",
|
|
4027
|
+
"sm",
|
|
4028
|
+
"md",
|
|
4029
|
+
"lg",
|
|
4030
|
+
"xl",
|
|
4031
|
+
"lead"
|
|
4032
|
+
]
|
|
4033
|
+
},
|
|
4034
|
+
{
|
|
4035
|
+
"name": "labelWeight",
|
|
4036
|
+
"attribute": "label-weight",
|
|
4037
|
+
"type": "String",
|
|
4038
|
+
"tsType": "TextWeight",
|
|
4039
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur le label",
|
|
4040
|
+
"options": [
|
|
4041
|
+
"light",
|
|
4042
|
+
"regular",
|
|
4043
|
+
"bold",
|
|
4044
|
+
"heavy"
|
|
4045
|
+
]
|
|
3760
4046
|
}
|
|
3761
4047
|
],
|
|
3762
4048
|
"events": [
|
|
@@ -3771,7 +4057,7 @@
|
|
|
3771
4057
|
"description": "Options `<option>` personnalisées (remplace les options générées par la prop `options`)"
|
|
3772
4058
|
}
|
|
3773
4059
|
],
|
|
3774
|
-
"example": "<dsfr-select\n id={args.id}\n label={args.label}\n value={args.value}\n grouped-options={args.groupedOptions || undefined}\n options={args.options}\n option-groups={args.optionGroups}\n hint={args.hint}\n placeholder={args.placeholder}\n placeholder-disabled={args.placeholderDisabled || undefined}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n info-message={args.infoMessage}\n form={args.form}\n required={args.required || undefined}\n ></dsfr-select>"
|
|
4060
|
+
"example": "<dsfr-select\n id={args.id}\n label={args.label}\n value={args.value}\n grouped-options={args.groupedOptions || undefined}\n options={args.options}\n option-groups={args.optionGroups}\n hint={args.hint}\n placeholder={args.placeholder}\n placeholder-disabled={args.placeholderDisabled || undefined}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n info-message={args.infoMessage}\n form={args.form}\n required={args.required || undefined}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-select>"
|
|
3775
4061
|
},
|
|
3776
4062
|
{
|
|
3777
4063
|
"tagName": "dsfr-side-menu",
|
|
@@ -4647,6 +4933,34 @@
|
|
|
4647
4933
|
"type": "Boolean",
|
|
4648
4934
|
"tsType": "boolean",
|
|
4649
4935
|
"description": "Rend le champs de saisie obligatoire"
|
|
4936
|
+
},
|
|
4937
|
+
{
|
|
4938
|
+
"name": "labelSize",
|
|
4939
|
+
"attribute": "label-size",
|
|
4940
|
+
"type": "String",
|
|
4941
|
+
"tsType": "TextSize",
|
|
4942
|
+
"description": "Applique une classe utilitaire de taille de texte DSFR (fr-text--xs à fr-text--xl, fr-text--lead) sur le label",
|
|
4943
|
+
"options": [
|
|
4944
|
+
"xs",
|
|
4945
|
+
"sm",
|
|
4946
|
+
"md",
|
|
4947
|
+
"lg",
|
|
4948
|
+
"xl",
|
|
4949
|
+
"lead"
|
|
4950
|
+
]
|
|
4951
|
+
},
|
|
4952
|
+
{
|
|
4953
|
+
"name": "labelWeight",
|
|
4954
|
+
"attribute": "label-weight",
|
|
4955
|
+
"type": "String",
|
|
4956
|
+
"tsType": "TextWeight",
|
|
4957
|
+
"description": "Applique une classe utilitaire de graisse DSFR (fr-text--light à fr-text--heavy) sur le label",
|
|
4958
|
+
"options": [
|
|
4959
|
+
"light",
|
|
4960
|
+
"regular",
|
|
4961
|
+
"bold",
|
|
4962
|
+
"heavy"
|
|
4963
|
+
]
|
|
4650
4964
|
}
|
|
4651
4965
|
],
|
|
4652
4966
|
"events": [
|
|
@@ -4656,7 +4970,7 @@
|
|
|
4656
4970
|
}
|
|
4657
4971
|
],
|
|
4658
4972
|
"slots": [],
|
|
4659
|
-
"example": "<dsfr-textarea\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n hint={args.hint}\n value={args.value}\n placeholder={args.placeholder}\n name={args.name}\n autocomplete={args.autocomplete}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n rows={args.rows}\n info-message={args.infoMessage}\n ></dsfr-textarea>"
|
|
4973
|
+
"example": "<dsfr-textarea\n id={args.id}\n label={args.label}\n hide-label={args.hideLabel || undefined}\n hint={args.hint}\n value={args.value}\n placeholder={args.placeholder}\n name={args.name}\n autocomplete={args.autocomplete}\n disabled={args.disabled || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n rows={args.rows}\n info-message={args.infoMessage}\n label-size={args.labelSize}\n label-weight={args.labelWeight}\n ></dsfr-textarea>"
|
|
4660
4974
|
},
|
|
4661
4975
|
{
|
|
4662
4976
|
"tagName": "dsfr-tile",
|
|
@@ -4905,6 +5219,13 @@
|
|
|
4905
5219
|
"tsType": "string",
|
|
4906
5220
|
"description": "Libellé de l'interrupteur"
|
|
4907
5221
|
},
|
|
5222
|
+
{
|
|
5223
|
+
"name": "hideLabel",
|
|
5224
|
+
"attribute": "hide-label",
|
|
5225
|
+
"type": "Boolean",
|
|
5226
|
+
"tsType": "boolean",
|
|
5227
|
+
"description": "Permet de masquer le label"
|
|
5228
|
+
},
|
|
4908
5229
|
{
|
|
4909
5230
|
"name": "hint",
|
|
4910
5231
|
"attribute": "hint",
|
|
@@ -4995,7 +5316,7 @@
|
|
|
4995
5316
|
}
|
|
4996
5317
|
],
|
|
4997
5318
|
"slots": [],
|
|
4998
|
-
"example": "<dsfr-toggle\n id={args.id}\n label={args.label}\n hint={args.hint}\n hint-id={args.hintId}\n disabled={args.disabled || undefined}\n checked={args.checked || undefined}\n border={args.border || undefined}\n left={args.left || undefined}\n state={args.state || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n form={args.form}\n required={args.required || undefined}\n ></dsfr-toggle>"
|
|
5319
|
+
"example": "<dsfr-toggle\n id={args.id}\n label={args.label}\n hint={args.hint}\n hint-id={args.hintId}\n disabled={args.disabled || undefined}\n checked={args.checked || undefined}\n border={args.border || undefined}\n left={args.left || undefined}\n state={args.state || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n form={args.form}\n required={args.required || undefined}\n hide-label={args.hideLabel || undefined}\n ></dsfr-toggle>"
|
|
4999
5320
|
},
|
|
5000
5321
|
{
|
|
5001
5322
|
"tagName": "dsfr-transcription",
|