@patternfly/patternfly 6.0.0-alpha.161 → 6.0.0-alpha.162

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.
Files changed (22) hide show
  1. package/components/Page/page.css +38 -54
  2. package/components/Page/page.scss +19 -32
  3. package/components/Toolbar/toolbar.css +1 -0
  4. package/components/Toolbar/toolbar.scss +1 -0
  5. package/components/_index.css +39 -54
  6. package/docs/components/Page/examples/Page.css +5 -9
  7. package/docs/components/Page/examples/Page.md +71 -32
  8. package/docs/demos/Alert/examples/Alert.md +393 -374
  9. package/docs/demos/CardView/examples/CardView.md +717 -708
  10. package/docs/demos/DataList/examples/DataList.md +2574 -2500
  11. package/docs/demos/Drawer/examples/Drawer.md +190 -182
  12. package/docs/demos/JumpLinks/examples/JumpLinks.md +642 -612
  13. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +3608 -3490
  14. package/docs/demos/Skeleton/examples/Skeleton.md +128 -126
  15. package/docs/demos/Table/examples/Table.md +9458 -9105
  16. package/docs/demos/Tabs/examples/Tabs.md +889 -885
  17. package/docs/demos/Toolbar/examples/Toolbar.md +1254 -1147
  18. package/package.json +1 -1
  19. package/patternfly-no-globals.css +39 -54
  20. package/patternfly.css +39 -54
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -377,817 +377,826 @@ section: patterns
377
377
  </div>
378
378
  </section>
379
379
  <section class="pf-v6-c-page__main-section pf-m-light pf-m-no-padding">
380
- <div
381
- class="pf-v6-c-toolbar pf-m-page-insets"
382
- id="card-view-basic-example-toolbar"
383
- >
384
- <div class="pf-v6-c-toolbar__content">
385
- <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
386
- <div
387
- class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
388
- >
389
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
390
- <button
391
- class="pf-v6-c-menu-toggle pf-m-plain"
392
- type="button"
393
- aria-expanded="false"
394
- aria-label="Show filters"
395
- aria-controls="card-view-basic-example-toolbar-expandable-content"
396
- >
397
- <span class="pf-v6-c-menu-toggle__icon">
398
- <i class="fas fa-filter" aria-hidden="true"></i>
399
- </span>
400
- </button>
401
- </div>
402
- <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
403
- <div
404
- class="pf-v6-c-menu-toggle pf-m-split-button"
405
- id="card-view-basic-example-toolbar-check"
406
- >
407
- <label
408
- class="pf-v6-c-check pf-m-standalone"
409
- id="card-view-basic-example-toolbar-check-check"
410
- for="card-view-basic-example-toolbar-check-check-input"
411
- >
412
- <input
413
- class="pf-v6-c-check__input"
414
- type="checkbox"
415
- id="card-view-basic-example-toolbar-check-check-input"
416
- name="card-view-basic-example-toolbar-check-check-input"
417
- aria-label="Standalone check"
418
- />
419
- </label>
380
+ <div class="pf-v6-c-page__main-body">
381
+ <div
382
+ class="pf-v6-c-toolbar pf-m-page-insets"
383
+ id="card-view-basic-example-toolbar"
384
+ >
385
+ <div class="pf-v6-c-toolbar__content">
386
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
387
+ <div
388
+ class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
389
+ >
390
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
420
391
  <button
421
- class="pf-v6-c-menu-toggle__button"
392
+ class="pf-v6-c-menu-toggle pf-m-plain"
422
393
  type="button"
423
394
  aria-expanded="false"
424
- id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
425
- aria-label="Menu toggle"
395
+ aria-label="Show filters"
396
+ aria-controls="card-view-basic-example-toolbar-expandable-content"
426
397
  >
427
- <span class="pf-v6-c-menu-toggle__controls">
428
- <span class="pf-v6-c-menu-toggle__toggle-icon">
429
- <i class="fas fa-caret-down" aria-hidden="true"></i>
430
- </span>
398
+ <span class="pf-v6-c-menu-toggle__icon">
399
+ <i class="fas fa-filter" aria-hidden="true"></i>
431
400
  </span>
432
401
  </button>
433
402
  </div>
434
- </div>
403
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
404
+ <div
405
+ class="pf-v6-c-menu-toggle pf-m-split-button"
406
+ id="card-view-basic-example-toolbar-check"
407
+ >
408
+ <label
409
+ class="pf-v6-c-check pf-m-standalone"
410
+ id="card-view-basic-example-toolbar-check-check"
411
+ for="card-view-basic-example-toolbar-check-check-input"
412
+ >
413
+ <input
414
+ class="pf-v6-c-check__input"
415
+ type="checkbox"
416
+ id="card-view-basic-example-toolbar-check-check-input"
417
+ name="card-view-basic-example-toolbar-check-check-input"
418
+ aria-label="Standalone check"
419
+ />
420
+ </label>
421
+ <button
422
+ class="pf-v6-c-menu-toggle__button"
423
+ type="button"
424
+ aria-expanded="false"
425
+ id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
426
+ aria-label="Menu toggle"
427
+ >
428
+ <span class="pf-v6-c-menu-toggle__controls">
429
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
430
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
431
+ </span>
432
+ </span>
433
+ </button>
434
+ </div>
435
+ </div>
435
436
 
436
- <div class="pf-v6-c-toolbar__item">
437
- <div class="pf-v6-c-select">
438
- <span
439
- id="card-view-basic-example-toolbar-select-checkbox-status-label"
440
- hidden
441
- >Choose many</span>
437
+ <div class="pf-v6-c-toolbar__item">
438
+ <div class="pf-v6-c-select">
439
+ <span
440
+ id="card-view-basic-example-toolbar-select-checkbox-status-label"
441
+ hidden
442
+ >Choose many</span>
443
+
444
+ <button
445
+ class="pf-v6-c-select__toggle"
446
+ type="button"
447
+ id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
448
+ aria-haspopup="true"
449
+ aria-expanded="false"
450
+ aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
451
+ >
452
+ <div class="pf-v6-c-select__toggle-wrapper">
453
+ <span class="pf-v6-c-select__toggle-text">Status</span>
454
+ </div>
455
+ <span class="pf-v6-c-select__toggle-arrow">
456
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
457
+ </span>
458
+ </button>
459
+
460
+ <div class="pf-v6-c-select__menu" hidden>
461
+ <fieldset
462
+ class="pf-v6-c-select__menu-fieldset"
463
+ aria-label="Select input"
464
+ >
465
+ <label
466
+ class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
467
+ id="card-view-basic-example-toolbar-select-checkbox-status-active"
468
+ for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
469
+ >
470
+ <input
471
+ class="pf-v6-c-check__input"
472
+ type="checkbox"
473
+ aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
474
+ id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
475
+ name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
476
+ />
477
+ <span class="pf-v6-c-check__label">Active</span>
478
+ <span
479
+ class="pf-v6-c-check__description"
480
+ id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
481
+ >This is a description</span>
482
+ </label>
483
+ <label
484
+ class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
485
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
486
+ for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
487
+ >
488
+ <input
489
+ class="pf-v6-c-check__input"
490
+ type="checkbox"
491
+ aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
492
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
493
+ name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
494
+ />
495
+ <span class="pf-v6-c-check__label">Canceled</span>
496
+ <span
497
+ class="pf-v6-c-check__description"
498
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
499
+ >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
500
+ </label>
501
+ <label
502
+ class="pf-v6-c-check pf-v6-c-select__menu-item"
503
+ id="card-view-basic-example-toolbar-select-checkbox-status-paused"
504
+ for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
505
+ >
506
+ <input
507
+ class="pf-v6-c-check__input"
508
+ type="checkbox"
509
+ id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
510
+ name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
511
+ />
512
+ <span class="pf-v6-c-check__label">Paused</span>
513
+ </label>
514
+ <label
515
+ class="pf-v6-c-check pf-v6-c-select__menu-item"
516
+ id="card-view-basic-example-toolbar-select-checkbox-status-warning"
517
+ for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
518
+ >
519
+ <input
520
+ class="pf-v6-c-check__input"
521
+ type="checkbox"
522
+ id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
523
+ name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
524
+ />
525
+ <span class="pf-v6-c-check__label">Warning</span>
526
+ </label>
527
+ <label
528
+ class="pf-v6-c-check pf-v6-c-select__menu-item"
529
+ id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
530
+ for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
531
+ >
532
+ <input
533
+ class="pf-v6-c-check__input"
534
+ type="checkbox"
535
+ id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
536
+ name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
537
+ />
538
+ <span class="pf-v6-c-check__label">Restarted</span>
539
+ </label>
540
+ </fieldset>
541
+ </div>
542
+ </div>
543
+ </div>
544
+ </div>
442
545
 
546
+ <div
547
+ class="pf-v6-c-overflow-menu"
548
+ id="card-view-basic-example-toolbar-overflow-menu"
549
+ >
550
+ <div
551
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
552
+ >
553
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
554
+ <div class="pf-v6-c-overflow-menu__item">
555
+ <button
556
+ class="pf-v6-c-button pf-m-primary"
557
+ type="button"
558
+ >Create instance</button>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ <div class="pf-v6-c-overflow-menu__control">
443
563
  <button
444
- class="pf-v6-c-select__toggle"
564
+ class="pf-v6-c-menu-toggle pf-m-plain"
445
565
  type="button"
446
- id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
447
- aria-haspopup="true"
448
566
  aria-expanded="false"
449
- aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
567
+ aria-label="Menu toggle"
568
+ id="card-view-basic-example-toolbar-overflow-menutoggle"
450
569
  >
451
- <div class="pf-v6-c-select__toggle-wrapper">
452
- <span class="pf-v6-c-select__toggle-text">Status</span>
453
- </div>
454
- <span class="pf-v6-c-select__toggle-arrow">
455
- <i class="fas fa-caret-down" aria-hidden="true"></i>
570
+ <span class="pf-v6-c-menu-toggle__icon">
571
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
456
572
  </span>
457
573
  </button>
574
+ </div>
575
+ </div>
458
576
 
459
- <div class="pf-v6-c-select__menu" hidden>
460
- <fieldset
461
- class="pf-v6-c-select__menu-fieldset"
462
- aria-label="Select input"
577
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
578
+ <div class="pf-v6-c-pagination pf-m-compact">
579
+ <div class="pf-v6-c-pagination__page-menu">
580
+ <button
581
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
582
+ type="button"
583
+ aria-expanded="false"
584
+ aria-label="Menu toggle"
585
+ id="card-view-basic-example-toolbar-top-pagination"
463
586
  >
464
- <label
465
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
466
- id="card-view-basic-example-toolbar-select-checkbox-status-active"
467
- for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
468
- >
469
- <input
470
- class="pf-v6-c-check__input"
471
- type="checkbox"
472
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
473
- id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
474
- name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
475
- />
476
- <span class="pf-v6-c-check__label">Active</span>
477
- <span
478
- class="pf-v6-c-check__description"
479
- id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
480
- >This is a description</span>
481
- </label>
482
- <label
483
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
484
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
485
- for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
486
- >
487
- <input
488
- class="pf-v6-c-check__input"
489
- type="checkbox"
490
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
491
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
492
- name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
493
- />
494
- <span class="pf-v6-c-check__label">Canceled</span>
495
- <span
496
- class="pf-v6-c-check__description"
497
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
498
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
499
- </label>
500
- <label
501
- class="pf-v6-c-check pf-v6-c-select__menu-item"
502
- id="card-view-basic-example-toolbar-select-checkbox-status-paused"
503
- for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
504
- >
505
- <input
506
- class="pf-v6-c-check__input"
507
- type="checkbox"
508
- id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
509
- name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
510
- />
511
- <span class="pf-v6-c-check__label">Paused</span>
512
- </label>
513
- <label
514
- class="pf-v6-c-check pf-v6-c-select__menu-item"
515
- id="card-view-basic-example-toolbar-select-checkbox-status-warning"
516
- for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
587
+ <span class="pf-v6-c-menu-toggle__text">
588
+ <b>1 - 10</b>&nbsp;of&nbsp;
589
+ <b>36</b>
590
+ </span>
591
+ <span class="pf-v6-c-menu-toggle__controls">
592
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
593
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
594
+ </span>
595
+ </span>
596
+ </button>
597
+ </div>
598
+ <nav
599
+ class="pf-v6-c-pagination__nav"
600
+ aria-label="Toolbar top pagination"
601
+ >
602
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
603
+ <button
604
+ class="pf-v6-c-button pf-m-plain"
605
+ type="button"
606
+ disabled
607
+ aria-label="Go to previous page"
517
608
  >
518
- <input
519
- class="pf-v6-c-check__input"
520
- type="checkbox"
521
- id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
522
- name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
523
- />
524
- <span class="pf-v6-c-check__label">Warning</span>
525
- </label>
526
- <label
527
- class="pf-v6-c-check pf-v6-c-select__menu-item"
528
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
529
- for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
609
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
610
+ </button>
611
+ </div>
612
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
613
+ <button
614
+ class="pf-v6-c-button pf-m-plain"
615
+ type="button"
616
+ aria-label="Go to next page"
530
617
  >
531
- <input
532
- class="pf-v6-c-check__input"
533
- type="checkbox"
534
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
535
- name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
536
- />
537
- <span class="pf-v6-c-check__label">Restarted</span>
538
- </label>
539
- </fieldset>
540
- </div>
618
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
619
+ </button>
620
+ </div>
621
+ </nav>
541
622
  </div>
542
623
  </div>
543
624
  </div>
544
625
 
545
626
  <div
546
- class="pf-v6-c-overflow-menu"
547
- id="card-view-basic-example-toolbar-overflow-menu"
548
- >
549
- <div
550
- class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
551
- >
552
- <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
553
- <div class="pf-v6-c-overflow-menu__item">
554
- <button
555
- class="pf-v6-c-button pf-m-primary"
556
- type="button"
557
- >Create instance</button>
627
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
628
+ id="card-view-basic-example-toolbar-expandable-content"
629
+ hidden
630
+ ></div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </section>
635
+ <section class="pf-v6-c-page__main-section pf-m-fill">
636
+ <div class="pf-v6-c-page__main-body">
637
+ <div class="pf-v6-l-gallery pf-m-gutter">
638
+ <div
639
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
640
+ id="card-view-basic-example-gallery-card-empty-state"
641
+ >
642
+ <div class="pf-v6-l-bullseye">
643
+ <div class="pf-v6-c-empty-state pf-m-xs">
644
+ <div class="pf-v6-c-empty-state__content">
645
+ <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
646
+ <div class="pf-v6-c-card__title">
647
+ <h2
648
+ class="pf-v6-c-card__title-text pf-m-md"
649
+ >Add a new card to your page</h2>
558
650
  </div>
651
+ <button
652
+ class="pf-v6-c-button pf-m-link"
653
+ type="button"
654
+ >Add card</button>
559
655
  </div>
560
656
  </div>
561
- <div class="pf-v6-c-overflow-menu__control">
657
+ </div>
658
+ </div>
659
+ <div
660
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
661
+ id="card-view-basic-example-gallery-card-1"
662
+ >
663
+ <div class="pf-v6-c-card__header">
664
+ <img
665
+ src="/assets/images/pf-logo-small.svg"
666
+ alt="PatternFly logo"
667
+ />
668
+ <div class="pf-v6-c-card__actions">
562
669
  <button
563
670
  class="pf-v6-c-menu-toggle pf-m-plain"
564
671
  type="button"
565
672
  aria-expanded="false"
566
673
  aria-label="Menu toggle"
567
- id="card-view-basic-example-toolbar-overflow-menutoggle"
674
+ id="card-view-basic-example-gallery-card-1toggle"
568
675
  >
569
676
  <span class="pf-v6-c-menu-toggle__icon">
570
677
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
571
678
  </span>
572
679
  </button>
680
+ <div class="pf-v6-c-check pf-m-standalone">
681
+ <input
682
+ class="pf-v6-c-check__input"
683
+ type="checkbox"
684
+ id="card-view-basic-example-gallery-card-1-check"
685
+ name="card-view-basic-example-gallery-card-1-check"
686
+ aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
687
+ />
688
+ </div>
573
689
  </div>
574
690
  </div>
575
-
576
- <div class="pf-v6-c-toolbar__item pf-m-pagination">
577
- <div class="pf-v6-c-pagination pf-m-compact">
578
- <div class="pf-v6-c-pagination__page-menu">
579
- <button
580
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
581
- type="button"
582
- aria-expanded="false"
583
- aria-label="Menu toggle"
584
- id="card-view-basic-example-toolbar-top-pagination"
585
- >
586
- <span class="pf-v6-c-menu-toggle__text">
587
- <b>1 - 10</b>&nbsp;of&nbsp;
588
- <b>36</b>
589
- </span>
590
- <span class="pf-v6-c-menu-toggle__controls">
591
- <span class="pf-v6-c-menu-toggle__toggle-icon">
592
- <i class="fas fa-caret-down" aria-hidden="true"></i>
593
- </span>
594
- </span>
595
- </button>
596
- </div>
597
- <nav
598
- class="pf-v6-c-pagination__nav"
599
- aria-label="Toolbar top pagination"
600
- >
601
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
602
- <button
603
- class="pf-v6-c-button pf-m-plain"
604
- type="button"
605
- disabled
606
- aria-label="Go to previous page"
607
- >
608
- <i class="fas fa-angle-left" aria-hidden="true"></i>
609
- </button>
610
- </div>
611
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
612
- <button
613
- class="pf-v6-c-button pf-m-plain"
614
- type="button"
615
- aria-label="Go to next page"
616
- >
617
- <i class="fas fa-angle-right" aria-hidden="true"></i>
618
- </button>
619
- </div>
620
- </nav>
691
+ <div class="pf-v6-c-card__title">
692
+ <h2
693
+ class="pf-v6-c-card__title-text"
694
+ id="card-view-basic-example-gallery-card-1-check-label"
695
+ >Patternfly</h2>
696
+ <div class="pf-v6-c-content">
697
+ <small>Provided by Red Hat</small>
621
698
  </div>
622
699
  </div>
700
+ <div
701
+ class="pf-v6-c-card__body"
702
+ >PatternFly is a community project that promotes design commonality and improves user experience.</div>
623
703
  </div>
624
-
625
704
  <div
626
- class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
627
- id="card-view-basic-example-toolbar-expandable-content"
628
- hidden
629
- ></div>
630
- </div>
631
- </div>
632
- </section>
633
- <section class="pf-v6-c-page__main-section pf-m-fill">
634
- <div class="pf-v6-l-gallery pf-m-gutter">
635
- <div
636
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
637
- id="card-view-basic-example-gallery-card-empty-state"
638
- >
639
- <div class="pf-v6-l-bullseye">
640
- <div class="pf-v6-c-empty-state pf-m-xs">
641
- <div class="pf-v6-c-empty-state__content">
642
- <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
643
- <div class="pf-v6-c-card__title">
644
- <h2
645
- class="pf-v6-c-card__title-text pf-m-md"
646
- >Add a new card to your page</h2>
647
- </div>
705
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
706
+ id="card-view-basic-example-gallery-card-2"
707
+ >
708
+ <div class="pf-v6-c-card__header">
709
+ <img
710
+ src="/assets/images/activemq-core_200x150.png"
711
+ width="60px"
712
+ alt="Logo"
713
+ />
714
+ <div class="pf-v6-c-card__actions">
648
715
  <button
649
- class="pf-v6-c-button pf-m-link"
716
+ class="pf-v6-c-menu-toggle pf-m-plain"
650
717
  type="button"
651
- >Add card</button>
718
+ aria-expanded="false"
719
+ aria-label="Menu toggle"
720
+ id="card-view-basic-example-gallery-card-2toggle"
721
+ >
722
+ <span class="pf-v6-c-menu-toggle__icon">
723
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
724
+ </span>
725
+ </button>
726
+ <div class="pf-v6-c-check pf-m-standalone">
727
+ <input
728
+ class="pf-v6-c-check__input"
729
+ type="checkbox"
730
+ id="card-view-basic-example-gallery-card-2-check"
731
+ name="card-view-basic-example-gallery-card-2-check"
732
+ aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
733
+ />
734
+ </div>
652
735
  </div>
653
736
  </div>
654
- </div>
655
- </div>
656
- <div
657
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
658
- id="card-view-basic-example-gallery-card-1"
659
- >
660
- <div class="pf-v6-c-card__header">
661
- <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
662
- <div class="pf-v6-c-card__actions">
663
- <button
664
- class="pf-v6-c-menu-toggle pf-m-plain"
665
- type="button"
666
- aria-expanded="false"
667
- aria-label="Menu toggle"
668
- id="card-view-basic-example-gallery-card-1toggle"
669
- >
670
- <span class="pf-v6-c-menu-toggle__icon">
671
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
672
- </span>
673
- </button>
674
- <div class="pf-v6-c-check pf-m-standalone">
675
- <input
676
- class="pf-v6-c-check__input"
677
- type="checkbox"
678
- id="card-view-basic-example-gallery-card-1-check"
679
- name="card-view-basic-example-gallery-card-1-check"
680
- aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
681
- />
737
+ <div class="pf-v6-c-card__title">
738
+ <h2
739
+ class="pf-v6-c-card__title-text"
740
+ id="card-view-basic-example-gallery-card-2-check-label"
741
+ >ActiveMq</h2>
742
+ <div class="pf-v6-c-content">
743
+ <small>Provided by Red Hat</small>
682
744
  </div>
683
745
  </div>
746
+ <div
747
+ class="pf-v6-c-card__body"
748
+ >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
684
749
  </div>
685
- <div class="pf-v6-c-card__title">
686
- <h2
687
- class="pf-v6-c-card__title-text"
688
- id="card-view-basic-example-gallery-card-1-check-label"
689
- >Patternfly</h2>
690
- <div class="pf-v6-c-content">
691
- <small>Provided by Red Hat</small>
750
+ <div
751
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
752
+ id="card-view-basic-example-gallery-card-3"
753
+ >
754
+ <div class="pf-v6-c-card__header">
755
+ <img
756
+ src="/assets/images/camel-spark_200x150.png"
757
+ width="60px"
758
+ alt="Logo"
759
+ />
760
+ <div class="pf-v6-c-card__actions">
761
+ <button
762
+ class="pf-v6-c-menu-toggle pf-m-plain"
763
+ type="button"
764
+ aria-expanded="false"
765
+ aria-label="Menu toggle"
766
+ id="card-view-basic-example-gallery-card-3toggle"
767
+ >
768
+ <span class="pf-v6-c-menu-toggle__icon">
769
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
770
+ </span>
771
+ </button>
772
+ <div class="pf-v6-c-check pf-m-standalone">
773
+ <input
774
+ class="pf-v6-c-check__input"
775
+ type="checkbox"
776
+ id="card-view-basic-example-gallery-card-3-check"
777
+ name="card-view-basic-example-gallery-card-3-check"
778
+ aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
779
+ />
780
+ </div>
781
+ </div>
782
+ </div>
783
+ <div class="pf-v6-c-card__title">
784
+ <h2
785
+ class="pf-v6-c-card__title-text"
786
+ id="card-view-basic-example-gallery-card-3-check-label"
787
+ >Apache Spark</h2>
788
+ <div class="pf-v6-c-content">
789
+ <small>Provided by Red Hat</small>
790
+ </div>
692
791
  </div>
792
+ <div
793
+ class="pf-v6-c-card__body"
794
+ >This documentation page covers the Apache Spark component for the Apache Camel.</div>
693
795
  </div>
694
796
  <div
695
- class="pf-v6-c-card__body"
696
- >PatternFly is a community project that promotes design commonality and improves user experience.</div>
697
- </div>
698
- <div
699
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
700
- id="card-view-basic-example-gallery-card-2"
701
- >
702
- <div class="pf-v6-c-card__header">
703
- <img
704
- src="/assets/images/activemq-core_200x150.png"
705
- width="60px"
706
- alt="Logo"
707
- />
708
- <div class="pf-v6-c-card__actions">
709
- <button
710
- class="pf-v6-c-menu-toggle pf-m-plain"
711
- type="button"
712
- aria-expanded="false"
713
- aria-label="Menu toggle"
714
- id="card-view-basic-example-gallery-card-2toggle"
715
- >
716
- <span class="pf-v6-c-menu-toggle__icon">
717
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
718
- </span>
719
- </button>
720
- <div class="pf-v6-c-check pf-m-standalone">
721
- <input
722
- class="pf-v6-c-check__input"
723
- type="checkbox"
724
- id="card-view-basic-example-gallery-card-2-check"
725
- name="card-view-basic-example-gallery-card-2-check"
726
- aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
727
- />
797
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
798
+ id="card-view-basic-example-gallery-card-4"
799
+ >
800
+ <div class="pf-v6-c-card__header">
801
+ <img
802
+ src="/assets/images/camel-avro_200x150.png"
803
+ width="60px"
804
+ alt="Logo"
805
+ />
806
+ <div class="pf-v6-c-card__actions">
807
+ <button
808
+ class="pf-v6-c-menu-toggle pf-m-plain"
809
+ type="button"
810
+ aria-expanded="false"
811
+ aria-label="Menu toggle"
812
+ id="card-view-basic-example-gallery-card-4toggle"
813
+ >
814
+ <span class="pf-v6-c-menu-toggle__icon">
815
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
816
+ </span>
817
+ </button>
818
+ <div class="pf-v6-c-check pf-m-standalone">
819
+ <input
820
+ class="pf-v6-c-check__input"
821
+ type="checkbox"
822
+ id="card-view-basic-example-gallery-card-4-check"
823
+ name="card-view-basic-example-gallery-card-4-check"
824
+ aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
825
+ />
826
+ </div>
728
827
  </div>
729
828
  </div>
730
- </div>
731
- <div class="pf-v6-c-card__title">
732
- <h2
733
- class="pf-v6-c-card__title-text"
734
- id="card-view-basic-example-gallery-card-2-check-label"
735
- >ActiveMq</h2>
736
- <div class="pf-v6-c-content">
737
- <small>Provided by Red Hat</small>
829
+ <div class="pf-v6-c-card__title">
830
+ <h2
831
+ class="pf-v6-c-card__title-text"
832
+ id="card-view-basic-example-gallery-card-4-check-label"
833
+ >Avro</h2>
834
+ <div class="pf-v6-c-content">
835
+ <small>Provided by Red Hat</small>
836
+ </div>
738
837
  </div>
838
+ <div
839
+ class="pf-v6-c-card__body"
840
+ >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
739
841
  </div>
740
842
  <div
741
- class="pf-v6-c-card__body"
742
- >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
743
- </div>
744
- <div
745
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
746
- id="card-view-basic-example-gallery-card-3"
747
- >
748
- <div class="pf-v6-c-card__header">
749
- <img
750
- src="/assets/images/camel-spark_200x150.png"
751
- width="60px"
752
- alt="Logo"
753
- />
754
- <div class="pf-v6-c-card__actions">
755
- <button
756
- class="pf-v6-c-menu-toggle pf-m-plain"
757
- type="button"
758
- aria-expanded="false"
759
- aria-label="Menu toggle"
760
- id="card-view-basic-example-gallery-card-3toggle"
761
- >
762
- <span class="pf-v6-c-menu-toggle__icon">
763
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
764
- </span>
765
- </button>
766
- <div class="pf-v6-c-check pf-m-standalone">
767
- <input
768
- class="pf-v6-c-check__input"
769
- type="checkbox"
770
- id="card-view-basic-example-gallery-card-3-check"
771
- name="card-view-basic-example-gallery-card-3-check"
772
- aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
773
- />
843
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
844
+ id="card-view-basic-example-gallery-card-5"
845
+ >
846
+ <div class="pf-v6-c-card__header">
847
+ <img
848
+ src="/assets/images/FuseConnector_Icons_AzureServices.png"
849
+ width="60px"
850
+ alt="Logo"
851
+ />
852
+ <div class="pf-v6-c-card__actions">
853
+ <button
854
+ class="pf-v6-c-menu-toggle pf-m-plain"
855
+ type="button"
856
+ aria-expanded="false"
857
+ aria-label="Menu toggle"
858
+ id="card-view-basic-example-gallery-card-5toggle"
859
+ >
860
+ <span class="pf-v6-c-menu-toggle__icon">
861
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
862
+ </span>
863
+ </button>
864
+ <div class="pf-v6-c-check pf-m-standalone">
865
+ <input
866
+ class="pf-v6-c-check__input"
867
+ type="checkbox"
868
+ id="card-view-basic-example-gallery-card-5-check"
869
+ name="card-view-basic-example-gallery-card-5-check"
870
+ aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
871
+ />
872
+ </div>
774
873
  </div>
775
874
  </div>
776
- </div>
777
- <div class="pf-v6-c-card__title">
778
- <h2
779
- class="pf-v6-c-card__title-text"
780
- id="card-view-basic-example-gallery-card-3-check-label"
781
- >Apache Spark</h2>
782
- <div class="pf-v6-c-content">
783
- <small>Provided by Red Hat</small>
875
+ <div class="pf-v6-c-card__title">
876
+ <h2
877
+ class="pf-v6-c-card__title-text"
878
+ id="card-view-basic-example-gallery-card-5-check-label"
879
+ >Azure Services</h2>
880
+ <div class="pf-v6-c-content">
881
+ <small>Provided by Red Hat</small>
882
+ </div>
784
883
  </div>
884
+ <div
885
+ class="pf-v6-c-card__body"
886
+ >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
785
887
  </div>
786
888
  <div
787
- class="pf-v6-c-card__body"
788
- >This documentation page covers the Apache Spark component for the Apache Camel.</div>
789
- </div>
790
- <div
791
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
792
- id="card-view-basic-example-gallery-card-4"
793
- >
794
- <div class="pf-v6-c-card__header">
795
- <img
796
- src="/assets/images/camel-avro_200x150.png"
797
- width="60px"
798
- alt="Logo"
799
- />
800
- <div class="pf-v6-c-card__actions">
801
- <button
802
- class="pf-v6-c-menu-toggle pf-m-plain"
803
- type="button"
804
- aria-expanded="false"
805
- aria-label="Menu toggle"
806
- id="card-view-basic-example-gallery-card-4toggle"
807
- >
808
- <span class="pf-v6-c-menu-toggle__icon">
809
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
810
- </span>
811
- </button>
812
- <div class="pf-v6-c-check pf-m-standalone">
813
- <input
814
- class="pf-v6-c-check__input"
815
- type="checkbox"
816
- id="card-view-basic-example-gallery-card-4-check"
817
- name="card-view-basic-example-gallery-card-4-check"
818
- aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
819
- />
889
+ class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
890
+ id="card-view-basic-example-gallery-card-6"
891
+ >
892
+ <div class="pf-v6-c-card__header">
893
+ <img
894
+ src="/assets/images/camel-saxon_200x150.png"
895
+ width="60px"
896
+ alt="Logo"
897
+ />
898
+ <div class="pf-v6-c-card__actions">
899
+ <button
900
+ class="pf-v6-c-menu-toggle pf-m-plain"
901
+ type="button"
902
+ aria-expanded="false"
903
+ aria-label="Menu toggle"
904
+ id="card-view-basic-example-gallery-card-6toggle"
905
+ >
906
+ <span class="pf-v6-c-menu-toggle__icon">
907
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
908
+ </span>
909
+ </button>
910
+ <div class="pf-v6-c-check pf-m-standalone">
911
+ <input
912
+ class="pf-v6-c-check__input"
913
+ type="checkbox"
914
+ id="card-view-basic-example-gallery-card-6-check"
915
+ name="card-view-basic-example-gallery-card-6-check"
916
+ disabled
917
+ aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
918
+ />
919
+ </div>
820
920
  </div>
821
921
  </div>
822
- </div>
823
- <div class="pf-v6-c-card__title">
824
- <h2
825
- class="pf-v6-c-card__title-text"
826
- id="card-view-basic-example-gallery-card-4-check-label"
827
- >Avro</h2>
828
- <div class="pf-v6-c-content">
829
- <small>Provided by Red Hat</small>
922
+ <div class="pf-v6-c-card__title">
923
+ <h2
924
+ class="pf-v6-c-card__title-text"
925
+ id="card-view-basic-example-gallery-card-6-check-label"
926
+ >Crypto</h2>
927
+ <div class="pf-v6-c-content">
928
+ <small>Provided by Red Hat</small>
929
+ </div>
830
930
  </div>
931
+ <div
932
+ class="pf-v6-c-card__body"
933
+ >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
831
934
  </div>
832
935
  <div
833
- class="pf-v6-c-card__body"
834
- >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
835
- </div>
836
- <div
837
- class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
838
- id="card-view-basic-example-gallery-card-5"
839
- >
840
- <div class="pf-v6-c-card__header">
841
- <img
842
- src="/assets/images/FuseConnector_Icons_AzureServices.png"
843
- width="60px"
844
- alt="Logo"
845
- />
846
- <div class="pf-v6-c-card__actions">
847
- <button
848
- class="pf-v6-c-menu-toggle pf-m-plain"
849
- type="button"
850
- aria-expanded="false"
851
- aria-label="Menu toggle"
852
- id="card-view-basic-example-gallery-card-5toggle"
853
- >
854
- <span class="pf-v6-c-menu-toggle__icon">
855
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
856
- </span>
857
- </button>
858
- <div class="pf-v6-c-check pf-m-standalone">
859
- <input
860
- class="pf-v6-c-check__input"
861
- type="checkbox"
862
- id="card-view-basic-example-gallery-card-5-check"
863
- name="card-view-basic-example-gallery-card-5-check"
864
- aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
865
- />
936
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
937
+ id="card-view-basic-example-gallery-card-7"
938
+ >
939
+ <div class="pf-v6-c-card__header">
940
+ <img
941
+ src="/assets/images/camel-dropbox_200x150.png"
942
+ width="60px"
943
+ alt="Logo"
944
+ />
945
+ <div class="pf-v6-c-card__actions">
946
+ <button
947
+ class="pf-v6-c-menu-toggle pf-m-plain"
948
+ type="button"
949
+ aria-expanded="false"
950
+ aria-label="Menu toggle"
951
+ id="card-view-basic-example-gallery-card-7toggle"
952
+ >
953
+ <span class="pf-v6-c-menu-toggle__icon">
954
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
955
+ </span>
956
+ </button>
957
+ <div class="pf-v6-c-check pf-m-standalone">
958
+ <input
959
+ class="pf-v6-c-check__input"
960
+ type="checkbox"
961
+ id="card-view-basic-example-gallery-card-7-check"
962
+ name="card-view-basic-example-gallery-card-7-check"
963
+ aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
964
+ />
965
+ </div>
866
966
  </div>
867
967
  </div>
868
- </div>
869
- <div class="pf-v6-c-card__title">
870
- <h2
871
- class="pf-v6-c-card__title-text"
872
- id="card-view-basic-example-gallery-card-5-check-label"
873
- >Azure Services</h2>
874
- <div class="pf-v6-c-content">
875
- <small>Provided by Red Hat</small>
968
+ <div class="pf-v6-c-card__title">
969
+ <h2
970
+ class="pf-v6-c-card__title-text"
971
+ id="card-view-basic-example-gallery-card-7-check-label"
972
+ >DropBox</h2>
973
+ <div class="pf-v6-c-content">
974
+ <small>Provided by Red Hat</small>
975
+ </div>
876
976
  </div>
977
+ <div
978
+ class="pf-v6-c-card__body"
979
+ >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
877
980
  </div>
878
981
  <div
879
- class="pf-v6-c-card__body"
880
- >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
881
- </div>
882
- <div
883
- class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
884
- id="card-view-basic-example-gallery-card-6"
885
- >
886
- <div class="pf-v6-c-card__header">
887
- <img
888
- src="/assets/images/camel-saxon_200x150.png"
889
- width="60px"
890
- alt="Logo"
891
- />
892
- <div class="pf-v6-c-card__actions">
893
- <button
894
- class="pf-v6-c-menu-toggle pf-m-plain"
895
- type="button"
896
- aria-expanded="false"
897
- aria-label="Menu toggle"
898
- id="card-view-basic-example-gallery-card-6toggle"
899
- >
900
- <span class="pf-v6-c-menu-toggle__icon">
901
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
902
- </span>
903
- </button>
904
- <div class="pf-v6-c-check pf-m-standalone">
905
- <input
906
- class="pf-v6-c-check__input"
907
- type="checkbox"
908
- id="card-view-basic-example-gallery-card-6-check"
909
- name="card-view-basic-example-gallery-card-6-check"
910
- disabled
911
- aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
912
- />
982
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
983
+ id="card-view-basic-example-gallery-card-8"
984
+ >
985
+ <div class="pf-v6-c-card__header">
986
+ <img
987
+ src="/assets/images/camel-infinispan_200x150.png"
988
+ width="60px"
989
+ alt="Logo"
990
+ />
991
+ <div class="pf-v6-c-card__actions">
992
+ <button
993
+ class="pf-v6-c-menu-toggle pf-m-plain"
994
+ type="button"
995
+ aria-expanded="false"
996
+ aria-label="Menu toggle"
997
+ id="card-view-basic-example-gallery-card-8toggle"
998
+ >
999
+ <span class="pf-v6-c-menu-toggle__icon">
1000
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1001
+ </span>
1002
+ </button>
1003
+ <div class="pf-v6-c-check pf-m-standalone">
1004
+ <input
1005
+ class="pf-v6-c-check__input"
1006
+ type="checkbox"
1007
+ id="card-view-basic-example-gallery-card-8-check"
1008
+ name="card-view-basic-example-gallery-card-8-check"
1009
+ aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1010
+ />
1011
+ </div>
913
1012
  </div>
914
1013
  </div>
915
- </div>
916
- <div class="pf-v6-c-card__title">
917
- <h2
918
- class="pf-v6-c-card__title-text"
919
- id="card-view-basic-example-gallery-card-6-check-label"
920
- >Crypto</h2>
921
- <div class="pf-v6-c-content">
922
- <small>Provided by Red Hat</small>
1014
+ <div class="pf-v6-c-card__title">
1015
+ <h2
1016
+ class="pf-v6-c-card__title-text"
1017
+ id="card-view-basic-example-gallery-card-8-check-label"
1018
+ >JBoss Data Grid</h2>
1019
+ <div class="pf-v6-c-content">
1020
+ <small>Provided by Red Hat</small>
1021
+ </div>
923
1022
  </div>
1023
+ <div
1024
+ class="pf-v6-c-card__body"
1025
+ >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
924
1026
  </div>
925
1027
  <div
926
- class="pf-v6-c-card__body"
927
- >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
928
- </div>
929
- <div
930
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
931
- id="card-view-basic-example-gallery-card-7"
932
- >
933
- <div class="pf-v6-c-card__header">
934
- <img
935
- src="/assets/images/camel-dropbox_200x150.png"
936
- width="60px"
937
- alt="Logo"
938
- />
939
- <div class="pf-v6-c-card__actions">
940
- <button
941
- class="pf-v6-c-menu-toggle pf-m-plain"
942
- type="button"
943
- aria-expanded="false"
944
- aria-label="Menu toggle"
945
- id="card-view-basic-example-gallery-card-7toggle"
946
- >
947
- <span class="pf-v6-c-menu-toggle__icon">
948
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
949
- </span>
950
- </button>
951
- <div class="pf-v6-c-check pf-m-standalone">
952
- <input
953
- class="pf-v6-c-check__input"
954
- type="checkbox"
955
- id="card-view-basic-example-gallery-card-7-check"
956
- name="card-view-basic-example-gallery-card-7-check"
957
- aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
958
- />
1028
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1029
+ id="card-view-basic-example-gallery-card-9"
1030
+ >
1031
+ <div class="pf-v6-c-card__header">
1032
+ <img
1033
+ src="/assets/images/FuseConnector_Icons_REST.png"
1034
+ width="60px"
1035
+ alt="Logo"
1036
+ />
1037
+ <div class="pf-v6-c-card__actions">
1038
+ <button
1039
+ class="pf-v6-c-menu-toggle pf-m-plain"
1040
+ type="button"
1041
+ aria-expanded="false"
1042
+ aria-label="Menu toggle"
1043
+ id="card-view-basic-example-gallery-card-9toggle"
1044
+ >
1045
+ <span class="pf-v6-c-menu-toggle__icon">
1046
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1047
+ </span>
1048
+ </button>
1049
+ <div class="pf-v6-c-check pf-m-standalone">
1050
+ <input
1051
+ class="pf-v6-c-check__input"
1052
+ type="checkbox"
1053
+ id="card-view-basic-example-gallery-card-9-check"
1054
+ name="card-view-basic-example-gallery-card-9-check"
1055
+ aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1056
+ />
1057
+ </div>
959
1058
  </div>
960
1059
  </div>
961
- </div>
962
- <div class="pf-v6-c-card__title">
963
- <h2
964
- class="pf-v6-c-card__title-text"
965
- id="card-view-basic-example-gallery-card-7-check-label"
966
- >DropBox</h2>
967
- <div class="pf-v6-c-content">
968
- <small>Provided by Red Hat</small>
1060
+ <div class="pf-v6-c-card__title">
1061
+ <h2
1062
+ class="pf-v6-c-card__title-text"
1063
+ id="card-view-basic-example-gallery-card-9-check-label"
1064
+ >Rest</h2>
1065
+ <div class="pf-v6-c-content">
1066
+ <small>Provided by Red Hat</small>
1067
+ </div>
1068
+ </div>
1069
+ <div class="pf-v6-c-card__body">
1070
+ The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1071
+ From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
969
1072
  </div>
970
1073
  </div>
971
1074
  <div
972
- class="pf-v6-c-card__body"
973
- >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1075
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1076
+ id="card-view-basic-example-gallery-card-10"
1077
+ >
1078
+ <div class="pf-v6-c-card__header">
1079
+ <img
1080
+ src="/assets/images/camel-swagger-java_200x150.png"
1081
+ width="60px"
1082
+ alt="Logo"
1083
+ />
1084
+ <div class="pf-v6-c-card__actions">
1085
+ <button
1086
+ class="pf-v6-c-menu-toggle pf-m-plain"
1087
+ type="button"
1088
+ aria-expanded="false"
1089
+ aria-label="Menu toggle"
1090
+ id="card-view-basic-example-gallery-card-10toggle"
1091
+ >
1092
+ <span class="pf-v6-c-menu-toggle__icon">
1093
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1094
+ </span>
1095
+ </button>
1096
+ <div class="pf-v6-c-check pf-m-standalone">
1097
+ <input
1098
+ class="pf-v6-c-check__input"
1099
+ type="checkbox"
1100
+ id="card-view-basic-example-gallery-card-10-check"
1101
+ name="card-view-basic-example-gallery-card-10-check"
1102
+ aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1103
+ />
1104
+ </div>
1105
+ </div>
1106
+ </div>
1107
+ <div class="pf-v6-c-card__title">
1108
+ <h2
1109
+ class="pf-v6-c-card__title-text"
1110
+ id="card-view-basic-example-gallery-card-10-check-label"
1111
+ >SWAGGER</h2>
1112
+ <div class="pf-v6-c-content">
1113
+ <small>Provided by Red Hat</small>
1114
+ </div>
1115
+ </div>
1116
+ <div
1117
+ class="pf-v6-c-card__body"
1118
+ >Expose REST services and their APIs using Swagger specification.</div>
1119
+ </div>
974
1120
  </div>
975
- <div
976
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
977
- id="card-view-basic-example-gallery-card-8"
978
- >
979
- <div class="pf-v6-c-card__header">
980
- <img
981
- src="/assets/images/camel-infinispan_200x150.png"
982
- width="60px"
983
- alt="Logo"
984
- />
985
- <div class="pf-v6-c-card__actions">
1121
+ </div>
1122
+ </section>
1123
+ <section
1124
+ class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1125
+ >
1126
+ <div class="pf-v6-c-page__main-body">
1127
+ <div class="pf-v6-c-pagination pf-m-bottom">
1128
+ <div class="pf-v6-c-pagination__page-menu">
1129
+ <button
1130
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
1131
+ type="button"
1132
+ aria-expanded="false"
1133
+ aria-label="Menu toggle"
1134
+ id="pagination-menu-toggle-bottom-example"
1135
+ >
1136
+ <span class="pf-v6-c-menu-toggle__text">
1137
+ <b>1 - 10</b>&nbsp;of&nbsp;
1138
+ <b>36</b>
1139
+ </span>
1140
+ <span class="pf-v6-c-menu-toggle__controls">
1141
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1142
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1143
+ </span>
1144
+ </span>
1145
+ </button>
1146
+ </div>
1147
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1148
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
986
1149
  <button
987
- class="pf-v6-c-menu-toggle pf-m-plain"
1150
+ class="pf-v6-c-button pf-m-plain"
988
1151
  type="button"
989
- aria-expanded="false"
990
- aria-label="Menu toggle"
991
- id="card-view-basic-example-gallery-card-8toggle"
1152
+ disabled
1153
+ aria-label="Go to first page"
992
1154
  >
993
- <span class="pf-v6-c-menu-toggle__icon">
994
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
995
- </span>
1155
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
996
1156
  </button>
997
- <div class="pf-v6-c-check pf-m-standalone">
998
- <input
999
- class="pf-v6-c-check__input"
1000
- type="checkbox"
1001
- id="card-view-basic-example-gallery-card-8-check"
1002
- name="card-view-basic-example-gallery-card-8-check"
1003
- aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1004
- />
1005
- </div>
1006
- </div>
1007
- </div>
1008
- <div class="pf-v6-c-card__title">
1009
- <h2
1010
- class="pf-v6-c-card__title-text"
1011
- id="card-view-basic-example-gallery-card-8-check-label"
1012
- >JBoss Data Grid</h2>
1013
- <div class="pf-v6-c-content">
1014
- <small>Provided by Red Hat</small>
1015
1157
  </div>
1016
- </div>
1017
- <div
1018
- class="pf-v6-c-card__body"
1019
- >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1020
- </div>
1021
- <div
1022
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1023
- id="card-view-basic-example-gallery-card-9"
1024
- >
1025
- <div class="pf-v6-c-card__header">
1026
- <img
1027
- src="/assets/images/FuseConnector_Icons_REST.png"
1028
- width="60px"
1029
- alt="Logo"
1030
- />
1031
- <div class="pf-v6-c-card__actions">
1158
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1032
1159
  <button
1033
- class="pf-v6-c-menu-toggle pf-m-plain"
1160
+ class="pf-v6-c-button pf-m-plain"
1034
1161
  type="button"
1035
- aria-expanded="false"
1036
- aria-label="Menu toggle"
1037
- id="card-view-basic-example-gallery-card-9toggle"
1162
+ disabled
1163
+ aria-label="Go to previous page"
1038
1164
  >
1039
- <span class="pf-v6-c-menu-toggle__icon">
1040
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1041
- </span>
1165
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1042
1166
  </button>
1043
- <div class="pf-v6-c-check pf-m-standalone">
1167
+ </div>
1168
+ <div class="pf-v6-c-pagination__nav-page-select">
1169
+ <span class="pf-v6-c-form-control">
1044
1170
  <input
1045
- class="pf-v6-c-check__input"
1046
- type="checkbox"
1047
- id="card-view-basic-example-gallery-card-9-check"
1048
- name="card-view-basic-example-gallery-card-9-check"
1049
- aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1171
+ aria-label="Current page"
1172
+ type="number"
1173
+ min="1"
1174
+ max="4"
1175
+ value="1"
1050
1176
  />
1051
- </div>
1052
- </div>
1053
- </div>
1054
- <div class="pf-v6-c-card__title">
1055
- <h2
1056
- class="pf-v6-c-card__title-text"
1057
- id="card-view-basic-example-gallery-card-9-check-label"
1058
- >Rest</h2>
1059
- <div class="pf-v6-c-content">
1060
- <small>Provided by Red Hat</small>
1177
+ </span>
1178
+ <span aria-hidden="true">of 4</span>
1061
1179
  </div>
1062
- </div>
1063
- <div class="pf-v6-c-card__body">
1064
- The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1065
- From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1066
- </div>
1067
- </div>
1068
- <div
1069
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1070
- id="card-view-basic-example-gallery-card-10"
1071
- >
1072
- <div class="pf-v6-c-card__header">
1073
- <img
1074
- src="/assets/images/camel-swagger-java_200x150.png"
1075
- width="60px"
1076
- alt="Logo"
1077
- />
1078
- <div class="pf-v6-c-card__actions">
1180
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1079
1181
  <button
1080
- class="pf-v6-c-menu-toggle pf-m-plain"
1182
+ class="pf-v6-c-button pf-m-plain"
1081
1183
  type="button"
1082
- aria-expanded="false"
1083
- aria-label="Menu toggle"
1084
- id="card-view-basic-example-gallery-card-10toggle"
1184
+ aria-label="Go to next page"
1085
1185
  >
1086
- <span class="pf-v6-c-menu-toggle__icon">
1087
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1088
- </span>
1186
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1089
1187
  </button>
1090
- <div class="pf-v6-c-check pf-m-standalone">
1091
- <input
1092
- class="pf-v6-c-check__input"
1093
- type="checkbox"
1094
- id="card-view-basic-example-gallery-card-10-check"
1095
- name="card-view-basic-example-gallery-card-10-check"
1096
- aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1097
- />
1098
- </div>
1099
1188
  </div>
1100
- </div>
1101
- <div class="pf-v6-c-card__title">
1102
- <h2
1103
- class="pf-v6-c-card__title-text"
1104
- id="card-view-basic-example-gallery-card-10-check-label"
1105
- >SWAGGER</h2>
1106
- <div class="pf-v6-c-content">
1107
- <small>Provided by Red Hat</small>
1189
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1190
+ <button
1191
+ class="pf-v6-c-button pf-m-plain"
1192
+ type="button"
1193
+ aria-label="Go to last page"
1194
+ >
1195
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1196
+ </button>
1108
1197
  </div>
1109
- </div>
1110
- <div
1111
- class="pf-v6-c-card__body"
1112
- >Expose REST services and their APIs using Swagger specification.</div>
1113
- </div>
1114
- </div>
1115
- </section>
1116
- <section
1117
- class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1118
- >
1119
- <div class="pf-v6-c-pagination pf-m-bottom">
1120
- <div class="pf-v6-c-pagination__page-menu">
1121
- <button
1122
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
1123
- type="button"
1124
- aria-expanded="false"
1125
- aria-label="Menu toggle"
1126
- id="pagination-menu-toggle-bottom-example"
1127
- >
1128
- <span class="pf-v6-c-menu-toggle__text">
1129
- <b>1 - 10</b>&nbsp;of&nbsp;
1130
- <b>36</b>
1131
- </span>
1132
- <span class="pf-v6-c-menu-toggle__controls">
1133
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1134
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1135
- </span>
1136
- </span>
1137
- </button>
1198
+ </nav>
1138
1199
  </div>
1139
- <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1140
- <div class="pf-v6-c-pagination__nav-control pf-m-first">
1141
- <button
1142
- class="pf-v6-c-button pf-m-plain"
1143
- type="button"
1144
- disabled
1145
- aria-label="Go to first page"
1146
- >
1147
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1148
- </button>
1149
- </div>
1150
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1151
- <button
1152
- class="pf-v6-c-button pf-m-plain"
1153
- type="button"
1154
- disabled
1155
- aria-label="Go to previous page"
1156
- >
1157
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1158
- </button>
1159
- </div>
1160
- <div class="pf-v6-c-pagination__nav-page-select">
1161
- <span class="pf-v6-c-form-control">
1162
- <input
1163
- aria-label="Current page"
1164
- type="number"
1165
- min="1"
1166
- max="4"
1167
- value="1"
1168
- />
1169
- </span>
1170
- <span aria-hidden="true">of 4</span>
1171
- </div>
1172
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
1173
- <button
1174
- class="pf-v6-c-button pf-m-plain"
1175
- type="button"
1176
- aria-label="Go to next page"
1177
- >
1178
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1179
- </button>
1180
- </div>
1181
- <div class="pf-v6-c-pagination__nav-control pf-m-last">
1182
- <button
1183
- class="pf-v6-c-button pf-m-plain"
1184
- type="button"
1185
- aria-label="Go to last page"
1186
- >
1187
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1188
- </button>
1189
- </div>
1190
- </nav>
1191
1200
  </div>
1192
1201
  </section>
1193
1202
  </main>