@patternfly/patternfly 6.0.0-alpha.103 → 6.0.0-alpha.104

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 (36) hide show
  1. package/components/Drawer/drawer.css +5 -4
  2. package/components/Drawer/drawer.scss +7 -6
  3. package/components/Page/page.css +24 -23
  4. package/components/Page/page.scss +24 -23
  5. package/docs/components/Drawer/examples/Drawer.md +2 -1
  6. package/docs/components/Page/deprecated/PageHeader.md +113 -99
  7. package/docs/components/Page/examples/Page.md +114 -100
  8. package/docs/demos/AboutModal/examples/AboutModal.md +81 -79
  9. package/docs/demos/Alert/examples/Alert.md +551 -524
  10. package/docs/demos/BackToTop/examples/BackToTop.md +211 -209
  11. package/docs/demos/Banner/examples/Banner.md +420 -412
  12. package/docs/demos/CardView/examples/CardView.md +1302 -1297
  13. package/docs/demos/ContextSelector/examples/ContextSelector.md +536 -523
  14. package/docs/demos/Dashboard/examples/Dashboard.md +1344 -1314
  15. package/docs/demos/DataList/examples/DataList.md +3006 -2958
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +532 -518
  17. package/docs/demos/Drawer/examples/Drawer.md +544 -528
  18. package/docs/demos/JumpLinks/examples/JumpLinks.md +915 -897
  19. package/docs/demos/Masthead/examples/Masthead.md +729 -711
  20. package/docs/demos/Modal/examples/Modal.md +486 -474
  21. package/docs/demos/Nav/examples/Nav.md +528 -510
  22. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +440 -435
  23. package/docs/demos/Page/examples/Page.md +1656 -1633
  24. package/docs/demos/Page/examples/Penta.md +632 -577
  25. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5222 -5080
  26. package/docs/demos/Skeleton/examples/Skeleton.md +177 -175
  27. package/docs/demos/Table/examples/Table.md +14137 -13972
  28. package/docs/demos/Tabs/examples/Tabs.md +2206 -2138
  29. package/docs/demos/Toolbar/examples/Toolbar.md +1322 -1269
  30. package/docs/demos/Wizard/examples/Wizard.md +1571 -1553
  31. package/package.json +1 -1
  32. package/patternfly-no-globals.css +29 -27
  33. package/patternfly-theme-dark-unversioned.css +29 -27
  34. package/patternfly.css +29 -27
  35. package/patternfly.min.css +1 -1
  36. package/patternfly.min.css.map +1 -1
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -306,1406 +306,1411 @@ section: patterns
306
306
  </nav>
307
307
  </div>
308
308
  </div>
309
- <main
310
- class="pf-v6-c-page__main"
311
- tabindex="-1"
312
- id="main-content-card-view-basic-example"
313
- >
314
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
315
- <div class="pf-v6-c-page__main-body">
316
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
317
- <ol class="pf-v6-c-breadcrumb__list" role="list">
318
- <li class="pf-v6-c-breadcrumb__item">
319
- <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
320
- </li>
321
- <li class="pf-v6-c-breadcrumb__item">
322
- <span class="pf-v6-c-breadcrumb__item-divider">
323
- <i class="fas fa-angle-right" aria-hidden="true"></i>
324
- </span>
309
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
310
+ <main
311
+ class="pf-v6-c-page__main"
312
+ tabindex="-1"
313
+ id="main-content-card-view-basic-example"
314
+ >
315
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
316
+ <div class="pf-v6-c-page__main-body">
317
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
318
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
319
+ <li class="pf-v6-c-breadcrumb__item">
320
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
321
+ </li>
322
+ <li class="pf-v6-c-breadcrumb__item">
323
+ <span class="pf-v6-c-breadcrumb__item-divider">
324
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
325
+ </span>
325
326
 
326
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
327
- </li>
328
- <li class="pf-v6-c-breadcrumb__item">
329
- <span class="pf-v6-c-breadcrumb__item-divider">
330
- <i class="fas fa-angle-right" aria-hidden="true"></i>
331
- </span>
327
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
328
+ </li>
329
+ <li class="pf-v6-c-breadcrumb__item">
330
+ <span class="pf-v6-c-breadcrumb__item-divider">
331
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
332
+ </span>
332
333
 
333
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
334
- </li>
335
- <li class="pf-v6-c-breadcrumb__item">
336
- <span class="pf-v6-c-breadcrumb__item-divider">
337
- <i class="fas fa-angle-right" aria-hidden="true"></i>
338
- </span>
334
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
335
+ </li>
336
+ <li class="pf-v6-c-breadcrumb__item">
337
+ <span class="pf-v6-c-breadcrumb__item-divider">
338
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
339
+ </span>
339
340
 
340
- <a
341
- href="#"
342
- class="pf-v6-c-breadcrumb__link pf-m-current"
343
- aria-current="page"
344
- >Section landing</a>
345
- </li>
346
- </ol>
347
- </nav>
348
- </div>
349
- </section>
350
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
351
- <div class="pf-v6-c-page__main-body">
352
- <div class="pf-v6-c-content">
353
- <h1>Main title</h1>
354
- <p>This is a full page demo.</p>
341
+ <a
342
+ href="#"
343
+ class="pf-v6-c-breadcrumb__link pf-m-current"
344
+ aria-current="page"
345
+ >Section landing</a>
346
+ </li>
347
+ </ol>
348
+ </nav>
355
349
  </div>
356
- </div>
357
- </section>
358
- <section class="pf-v6-c-page__main-section pf-m-light pf-m-no-padding">
359
- <div
360
- class="pf-v6-c-toolbar pf-m-page-insets"
361
- id="card-view-basic-example-toolbar"
362
- >
363
- <div class="pf-v6-c-toolbar__content">
364
- <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
365
- <div
366
- class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
367
- >
368
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
369
- <button
370
- class="pf-v6-c-menu-toggle pf-m-plain"
371
- type="button"
372
- aria-expanded="false"
373
- aria-label="Show filters"
374
- aria-controls="card-view-basic-example-toolbar-expandable-content"
375
- >
376
- <span class="pf-v6-c-menu-toggle__icon">
377
- <i class="fas fa-filter" aria-hidden="true"></i>
378
- </span>
379
- </button>
380
- </div>
381
- <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
382
- <div
383
- class="pf-v6-c-menu-toggle pf-m-split-button"
384
- id="card-view-basic-example-toolbar-check"
385
- >
386
- <label
387
- class="pf-v6-c-check pf-m-standalone"
388
- id="card-view-basic-example-toolbar-check-check"
389
- for="card-view-basic-example-toolbar-check-check-input"
390
- >
391
- <input
392
- class="pf-v6-c-check__input"
393
- type="checkbox"
394
- id="card-view-basic-example-toolbar-check-check-input"
395
- name="card-view-basic-example-toolbar-check-check-input"
396
- aria-label="Standalone check"
397
- />
398
- </label>
350
+ </section>
351
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
352
+ <div class="pf-v6-c-page__main-body">
353
+ <div class="pf-v6-c-content">
354
+ <h1>Main title</h1>
355
+ <p>This is a full page demo.</p>
356
+ </div>
357
+ </div>
358
+ </section>
359
+ <section class="pf-v6-c-page__main-section pf-m-light pf-m-no-padding">
360
+ <div
361
+ class="pf-v6-c-toolbar pf-m-page-insets"
362
+ id="card-view-basic-example-toolbar"
363
+ >
364
+ <div class="pf-v6-c-toolbar__content">
365
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
366
+ <div
367
+ class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
368
+ >
369
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
399
370
  <button
400
- class="pf-v6-c-menu-toggle__button"
371
+ class="pf-v6-c-menu-toggle pf-m-plain"
401
372
  type="button"
402
373
  aria-expanded="false"
403
- id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
404
- aria-label="Menu toggle"
374
+ aria-label="Show filters"
375
+ aria-controls="card-view-basic-example-toolbar-expandable-content"
405
376
  >
406
- <span class="pf-v6-c-menu-toggle__controls">
407
- <span class="pf-v6-c-menu-toggle__toggle-icon">
408
- <i class="fas fa-caret-down" aria-hidden="true"></i>
409
- </span>
377
+ <span class="pf-v6-c-menu-toggle__icon">
378
+ <i class="fas fa-filter" aria-hidden="true"></i>
410
379
  </span>
411
380
  </button>
412
381
  </div>
413
- </div>
382
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
383
+ <div
384
+ class="pf-v6-c-menu-toggle pf-m-split-button"
385
+ id="card-view-basic-example-toolbar-check"
386
+ >
387
+ <label
388
+ class="pf-v6-c-check pf-m-standalone"
389
+ id="card-view-basic-example-toolbar-check-check"
390
+ for="card-view-basic-example-toolbar-check-check-input"
391
+ >
392
+ <input
393
+ class="pf-v6-c-check__input"
394
+ type="checkbox"
395
+ id="card-view-basic-example-toolbar-check-check-input"
396
+ name="card-view-basic-example-toolbar-check-check-input"
397
+ aria-label="Standalone check"
398
+ />
399
+ </label>
400
+ <button
401
+ class="pf-v6-c-menu-toggle__button"
402
+ type="button"
403
+ aria-expanded="false"
404
+ id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
405
+ aria-label="Menu toggle"
406
+ >
407
+ <span class="pf-v6-c-menu-toggle__controls">
408
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
409
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
410
+ </span>
411
+ </span>
412
+ </button>
413
+ </div>
414
+ </div>
414
415
 
415
- <div class="pf-v6-c-toolbar__item">
416
- <div class="pf-v6-c-select">
417
- <span
418
- id="card-view-basic-example-toolbar-select-checkbox-status-label"
419
- hidden
420
- >Choose many</span>
416
+ <div class="pf-v6-c-toolbar__item">
417
+ <div class="pf-v6-c-select">
418
+ <span
419
+ id="card-view-basic-example-toolbar-select-checkbox-status-label"
420
+ hidden
421
+ >Choose many</span>
421
422
 
422
- <button
423
- class="pf-v6-c-select__toggle"
424
- type="button"
425
- id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
426
- aria-haspopup="true"
427
- aria-expanded="false"
428
- aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
429
- >
430
- <div class="pf-v6-c-select__toggle-wrapper">
431
- <span class="pf-v6-c-select__toggle-text">Status</span>
423
+ <button
424
+ class="pf-v6-c-select__toggle"
425
+ type="button"
426
+ id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
427
+ aria-haspopup="true"
428
+ aria-expanded="false"
429
+ aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
430
+ >
431
+ <div class="pf-v6-c-select__toggle-wrapper">
432
+ <span class="pf-v6-c-select__toggle-text">Status</span>
433
+ </div>
434
+ <span class="pf-v6-c-select__toggle-arrow">
435
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
436
+ </span>
437
+ </button>
438
+
439
+ <div class="pf-v6-c-select__menu" hidden>
440
+ <fieldset
441
+ class="pf-v6-c-select__menu-fieldset"
442
+ aria-label="Select input"
443
+ >
444
+ <label
445
+ class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
446
+ id="card-view-basic-example-toolbar-select-checkbox-status-active"
447
+ for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
448
+ >
449
+ <input
450
+ class="pf-v6-c-check__input"
451
+ type="checkbox"
452
+ aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
453
+ id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
454
+ name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
455
+ />
456
+ <span class="pf-v6-c-check__label">Active</span>
457
+ <span
458
+ class="pf-v6-c-check__description"
459
+ id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
460
+ >This is a description</span>
461
+ </label>
462
+ <label
463
+ class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
464
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
465
+ for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
466
+ >
467
+ <input
468
+ class="pf-v6-c-check__input"
469
+ type="checkbox"
470
+ aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
471
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
472
+ name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
473
+ />
474
+ <span class="pf-v6-c-check__label">Canceled</span>
475
+ <span
476
+ class="pf-v6-c-check__description"
477
+ id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
478
+ >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
479
+ </label>
480
+ <label
481
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
482
+ id="card-view-basic-example-toolbar-select-checkbox-status-paused"
483
+ for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
484
+ >
485
+ <input
486
+ class="pf-v6-c-check__input"
487
+ type="checkbox"
488
+ id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
489
+ name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
490
+ />
491
+ <span class="pf-v6-c-check__label">Paused</span>
492
+ </label>
493
+ <label
494
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
495
+ id="card-view-basic-example-toolbar-select-checkbox-status-warning"
496
+ for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
497
+ >
498
+ <input
499
+ class="pf-v6-c-check__input"
500
+ type="checkbox"
501
+ id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
502
+ name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
503
+ />
504
+ <span class="pf-v6-c-check__label">Warning</span>
505
+ </label>
506
+ <label
507
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
508
+ id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
509
+ for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
510
+ >
511
+ <input
512
+ class="pf-v6-c-check__input"
513
+ type="checkbox"
514
+ id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
515
+ name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
516
+ />
517
+ <span class="pf-v6-c-check__label">Restarted</span>
518
+ </label>
519
+ </fieldset>
432
520
  </div>
433
- <span class="pf-v6-c-select__toggle-arrow">
434
- <i class="fas fa-caret-down" aria-hidden="true"></i>
435
- </span>
436
- </button>
521
+ </div>
522
+ </div>
523
+ </div>
437
524
 
438
- <div class="pf-v6-c-select__menu" hidden>
439
- <fieldset
440
- class="pf-v6-c-select__menu-fieldset"
441
- aria-label="Select input"
525
+ <div
526
+ class="pf-v6-c-overflow-menu"
527
+ id="card-view-basic-example-toolbar-overflow-menu"
528
+ >
529
+ <div
530
+ class="pf-v6-c-overflow-menu__content pf-v5-u-display-none pf-v5-u-display-flex-on-lg"
531
+ >
532
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
533
+ <div class="pf-v6-c-overflow-menu__item">
534
+ <button
535
+ class="pf-v6-c-button pf-m-primary"
536
+ type="button"
537
+ >Create instance</button>
538
+ </div>
539
+ </div>
540
+ </div>
541
+ <div class="pf-v6-c-overflow-menu__control">
542
+ <div class="pf-v6-c-dropdown">
543
+ <button
544
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
545
+ type="button"
546
+ id="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
547
+ aria-label="Dropdown with additional options"
548
+ aria-expanded="false"
442
549
  >
443
- <label
444
- class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
445
- id="card-view-basic-example-toolbar-select-checkbox-status-active"
446
- for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
447
- >
448
- <input
449
- class="pf-v6-c-check__input"
450
- type="checkbox"
451
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
452
- id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
453
- name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
454
- />
455
- <span class="pf-v6-c-check__label">Active</span>
456
- <span
457
- class="pf-v6-c-check__description"
458
- id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
459
- >This is a description</span>
460
- </label>
461
- <label
462
- class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
463
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
464
- for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
550
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
551
+ </button>
552
+ <ul
553
+ class="pf-v6-c-dropdown__menu"
554
+ role="menu"
555
+ aria-labelledby="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
556
+ hidden
557
+ >
558
+ <li role="none">
559
+ <button
560
+ role="menuitem"
561
+ class="pf-v6-c-dropdown__menu-item"
562
+ >Action 7</button>
563
+ </li>
564
+ </ul>
565
+ </div>
566
+ </div>
567
+ </div>
568
+
569
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
570
+ <div class="pf-v6-c-pagination pf-m-compact">
571
+ <div class="pf-v6-c-pagination__page-menu">
572
+ <div class="pf-v6-c-options-menu">
573
+ <button
574
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
575
+ type="button"
576
+ id="card-view-basic-example-toolbar-top-pagination-toggle"
577
+ aria-haspopup="listbox"
578
+ aria-expanded="false"
465
579
  >
466
- <input
467
- class="pf-v6-c-check__input"
468
- type="checkbox"
469
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
470
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
471
- name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
472
- />
473
- <span class="pf-v6-c-check__label">Canceled</span>
474
- <span
475
- class="pf-v6-c-check__description"
476
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
477
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
478
- </label>
479
- <label
480
- class="pf-v6-c-check pf-v5-c-select__menu-item"
481
- id="card-view-basic-example-toolbar-select-checkbox-status-paused"
482
- for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
580
+ <span class="pf-v6-c-options-menu__toggle-text">
581
+ <b>1 - 10</b>&nbsp;of&nbsp;
582
+ <b>36</b>
583
+ </span>
584
+ <div class="pf-v6-c-options-menu__toggle-icon">
585
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
586
+ </div>
587
+ </button>
588
+ <ul
589
+ class="pf-v6-c-options-menu__menu"
590
+ role="menu"
591
+ aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
592
+ hidden
483
593
  >
484
- <input
485
- class="pf-v6-c-check__input"
486
- type="checkbox"
487
- id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
488
- name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
489
- />
490
- <span class="pf-v6-c-check__label">Paused</span>
491
- </label>
492
- <label
493
- class="pf-v6-c-check pf-v5-c-select__menu-item"
494
- id="card-view-basic-example-toolbar-select-checkbox-status-warning"
495
- for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
594
+ <li role="none">
595
+ <button
596
+ class="pf-v6-c-options-menu__menu-item"
597
+ type="button"
598
+ role="menuitem"
599
+ >5 per page</button>
600
+ </li>
601
+ <li role="none">
602
+ <button
603
+ class="pf-v6-c-options-menu__menu-item"
604
+ type="button"
605
+ role="menuitem"
606
+ >
607
+ 10 per page
608
+ <div class="pf-v6-c-options-menu__menu-item-icon">
609
+ <i class="fas fa-check" aria-hidden="true"></i>
610
+ </div>
611
+ </button>
612
+ </li>
613
+ <li role="none">
614
+ <button
615
+ class="pf-v6-c-options-menu__menu-item"
616
+ type="button"
617
+ role="menuitem"
618
+ >20 per page</button>
619
+ </li>
620
+ </ul>
621
+ </div>
622
+ </div>
623
+ <nav
624
+ class="pf-v6-c-pagination__nav"
625
+ aria-label="Toolbar top pagination"
626
+ >
627
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
628
+ <button
629
+ class="pf-v6-c-button pf-m-plain"
630
+ type="button"
631
+ disabled
632
+ aria-label="Go to previous page"
496
633
  >
497
- <input
498
- class="pf-v6-c-check__input"
499
- type="checkbox"
500
- id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
501
- name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
502
- />
503
- <span class="pf-v6-c-check__label">Warning</span>
504
- </label>
505
- <label
506
- class="pf-v6-c-check pf-v5-c-select__menu-item"
507
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
508
- for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
634
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
635
+ </button>
636
+ </div>
637
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
638
+ <button
639
+ class="pf-v6-c-button pf-m-plain"
640
+ type="button"
641
+ aria-label="Go to next page"
509
642
  >
510
- <input
511
- class="pf-v6-c-check__input"
512
- type="checkbox"
513
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
514
- name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
515
- />
516
- <span class="pf-v6-c-check__label">Restarted</span>
517
- </label>
518
- </fieldset>
519
- </div>
643
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
644
+ </button>
645
+ </div>
646
+ </nav>
520
647
  </div>
521
648
  </div>
522
649
  </div>
523
650
 
524
651
  <div
525
- class="pf-v6-c-overflow-menu"
526
- id="card-view-basic-example-toolbar-overflow-menu"
527
- >
528
- <div
529
- class="pf-v6-c-overflow-menu__content pf-v5-u-display-none pf-v5-u-display-flex-on-lg"
530
- >
531
- <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
532
- <div class="pf-v6-c-overflow-menu__item">
533
- <button
534
- class="pf-v6-c-button pf-m-primary"
535
- type="button"
536
- >Create instance</button>
652
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
653
+ id="card-view-basic-example-toolbar-expandable-content"
654
+ hidden
655
+ ></div>
656
+ </div>
657
+ </div>
658
+ </section>
659
+ <section class="pf-v6-c-page__main-section pf-m-fill">
660
+ <div class="pf-v6-l-gallery pf-m-gutter">
661
+ <div
662
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
663
+ id="card-view-basic-example-gallery-card-empty-state"
664
+ >
665
+ <div class="pf-v6-l-bullseye">
666
+ <div class="pf-v6-c-empty-state pf-m-xs">
667
+ <div class="pf-v6-c-empty-state__content">
668
+ <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
669
+ <div class="pf-v6-c-card__title">
670
+ <h2
671
+ class="pf-v6-c-card__title-text pf-m-md"
672
+ >Add a new card to your page</h2>
537
673
  </div>
674
+ <button
675
+ class="pf-v6-c-button pf-m-link"
676
+ type="button"
677
+ >Add card</button>
538
678
  </div>
539
679
  </div>
540
- <div class="pf-v6-c-overflow-menu__control">
680
+ </div>
681
+ </div>
682
+ <div
683
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
684
+ id="card-view-basic-example-gallery-card-1"
685
+ >
686
+ <div class="pf-v6-c-card__header">
687
+ <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
688
+ <div class="pf-v6-c-card__actions">
541
689
  <div class="pf-v6-c-dropdown">
542
690
  <button
543
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
544
- type="button"
545
- id="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
546
- aria-label="Dropdown with additional options"
691
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
692
+ id="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
547
693
  aria-expanded="false"
694
+ type="button"
695
+ aria-label="Actions"
548
696
  >
549
697
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
550
698
  </button>
551
699
  <ul
552
- class="pf-v6-c-dropdown__menu"
553
- role="menu"
554
- aria-labelledby="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
700
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
701
+ aria-labelledby="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
555
702
  hidden
703
+ role="menu"
556
704
  >
705
+ <li role="none">
706
+ <a
707
+ class="pf-v6-c-dropdown__menu-item"
708
+ role="menuitem"
709
+ href="#"
710
+ >Link</a>
711
+ </li>
712
+ <li role="none">
713
+ <button
714
+ class="pf-v6-c-dropdown__menu-item"
715
+ role="menuitem"
716
+ type="button"
717
+ >Action</button>
718
+ </li>
719
+ <li role="none">
720
+ <a
721
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
722
+ role="menuitem"
723
+ href="#"
724
+ aria-disabled="true"
725
+ tabindex="-1"
726
+ >Disabled link</a>
727
+ </li>
557
728
  <li role="none">
558
729
  <button
730
+ class="pf-v6-c-dropdown__menu-item"
559
731
  role="menuitem"
732
+ type="button"
733
+ disabled
734
+ >Disabled action</button>
735
+ </li>
736
+ <li class="pf-v6-c-divider" role="separator"></li>
737
+ <li role="none">
738
+ <a
560
739
  class="pf-v6-c-dropdown__menu-item"
561
- >Action 7</button>
740
+ role="menuitem"
741
+ href="#"
742
+ >Separated link</a>
562
743
  </li>
563
744
  </ul>
564
745
  </div>
746
+ <div class="pf-v6-c-check pf-m-standalone">
747
+ <input
748
+ class="pf-v6-c-check__input"
749
+ type="checkbox"
750
+ id="card-view-basic-example-gallery-card-1-check"
751
+ name="card-view-basic-example-gallery-card-1-check"
752
+ aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
753
+ />
754
+ </div>
565
755
  </div>
566
756
  </div>
567
-
568
- <div class="pf-v6-c-toolbar__item pf-m-pagination">
569
- <div class="pf-v6-c-pagination pf-m-compact">
570
- <div class="pf-v6-c-pagination__page-menu">
571
- <div class="pf-v6-c-options-menu">
572
- <button
573
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
574
- type="button"
575
- id="card-view-basic-example-toolbar-top-pagination-toggle"
576
- aria-haspopup="listbox"
577
- aria-expanded="false"
578
- >
579
- <span class="pf-v6-c-options-menu__toggle-text">
580
- <b>1 - 10</b>&nbsp;of&nbsp;
581
- <b>36</b>
582
- </span>
583
- <div class="pf-v6-c-options-menu__toggle-icon">
584
- <i class="fas fa-caret-down" aria-hidden="true"></i>
585
- </div>
586
- </button>
587
- <ul
588
- class="pf-v6-c-options-menu__menu"
589
- role="menu"
590
- aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
591
- hidden
592
- >
593
- <li role="none">
594
- <button
595
- class="pf-v6-c-options-menu__menu-item"
596
- type="button"
597
- role="menuitem"
598
- >5 per page</button>
599
- </li>
600
- <li role="none">
601
- <button
602
- class="pf-v6-c-options-menu__menu-item"
603
- type="button"
604
- role="menuitem"
605
- >
606
- 10 per page
607
- <div class="pf-v6-c-options-menu__menu-item-icon">
608
- <i class="fas fa-check" aria-hidden="true"></i>
609
- </div>
610
- </button>
611
- </li>
612
- <li role="none">
613
- <button
614
- class="pf-v6-c-options-menu__menu-item"
615
- type="button"
616
- role="menuitem"
617
- >20 per page</button>
618
- </li>
619
- </ul>
620
- </div>
621
- </div>
622
- <nav
623
- class="pf-v6-c-pagination__nav"
624
- aria-label="Toolbar top pagination"
625
- >
626
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
627
- <button
628
- class="pf-v6-c-button pf-m-plain"
629
- type="button"
630
- disabled
631
- aria-label="Go to previous page"
632
- >
633
- <i class="fas fa-angle-left" aria-hidden="true"></i>
634
- </button>
635
- </div>
636
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
637
- <button
638
- class="pf-v6-c-button pf-m-plain"
639
- type="button"
640
- aria-label="Go to next page"
641
- >
642
- <i class="fas fa-angle-right" aria-hidden="true"></i>
643
- </button>
644
- </div>
645
- </nav>
757
+ <div class="pf-v6-c-card__title">
758
+ <h2
759
+ class="pf-v6-c-card__title-text"
760
+ id="card-view-basic-example-gallery-card-1-check-label"
761
+ >Patternfly</h2>
762
+ <div class="pf-v6-c-content">
763
+ <small>Provided by Red Hat</small>
646
764
  </div>
647
765
  </div>
766
+ <div
767
+ class="pf-v6-c-card__body"
768
+ >PatternFly is a community project that promotes design commonality and improves user experience.</div>
648
769
  </div>
649
-
650
770
  <div
651
- class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
652
- id="card-view-basic-example-toolbar-expandable-content"
653
- hidden
654
- ></div>
655
- </div>
656
- </div>
657
- </section>
658
- <section class="pf-v6-c-page__main-section pf-m-fill">
659
- <div class="pf-v6-l-gallery pf-m-gutter">
660
- <div
661
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
662
- id="card-view-basic-example-gallery-card-empty-state"
663
- >
664
- <div class="pf-v6-l-bullseye">
665
- <div class="pf-v6-c-empty-state pf-m-xs">
666
- <div class="pf-v6-c-empty-state__content">
667
- <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
668
- <div class="pf-v6-c-card__title">
669
- <h2
670
- class="pf-v6-c-card__title-text pf-m-md"
671
- >Add a new card to your page</h2>
771
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
772
+ id="card-view-basic-example-gallery-card-2"
773
+ >
774
+ <div class="pf-v6-c-card__header">
775
+ <img
776
+ src="/assets/images/activemq-core_200x150.png"
777
+ width="60px"
778
+ alt="Logo"
779
+ />
780
+ <div class="pf-v6-c-card__actions">
781
+ <div class="pf-v6-c-dropdown">
782
+ <button
783
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
784
+ id="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
785
+ aria-expanded="false"
786
+ type="button"
787
+ aria-label="Actions"
788
+ >
789
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
790
+ </button>
791
+ <ul
792
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
793
+ aria-labelledby="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
794
+ hidden
795
+ role="menu"
796
+ >
797
+ <li role="none">
798
+ <a
799
+ class="pf-v6-c-dropdown__menu-item"
800
+ role="menuitem"
801
+ href="#"
802
+ >Link</a>
803
+ </li>
804
+ <li role="none">
805
+ <button
806
+ class="pf-v6-c-dropdown__menu-item"
807
+ role="menuitem"
808
+ type="button"
809
+ >Action</button>
810
+ </li>
811
+ <li role="none">
812
+ <a
813
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
814
+ role="menuitem"
815
+ href="#"
816
+ aria-disabled="true"
817
+ tabindex="-1"
818
+ >Disabled link</a>
819
+ </li>
820
+ <li role="none">
821
+ <button
822
+ class="pf-v6-c-dropdown__menu-item"
823
+ role="menuitem"
824
+ type="button"
825
+ disabled
826
+ >Disabled action</button>
827
+ </li>
828
+ <li class="pf-v6-c-divider" role="separator"></li>
829
+ <li role="none">
830
+ <a
831
+ class="pf-v6-c-dropdown__menu-item"
832
+ role="menuitem"
833
+ href="#"
834
+ >Separated link</a>
835
+ </li>
836
+ </ul>
837
+ </div>
838
+ <div class="pf-v6-c-check pf-m-standalone">
839
+ <input
840
+ class="pf-v6-c-check__input"
841
+ type="checkbox"
842
+ id="card-view-basic-example-gallery-card-2-check"
843
+ name="card-view-basic-example-gallery-card-2-check"
844
+ aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
845
+ />
672
846
  </div>
673
- <button class="pf-v6-c-button pf-m-link" type="button">Add card</button>
674
847
  </div>
675
848
  </div>
676
- </div>
677
- </div>
678
- <div
679
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
680
- id="card-view-basic-example-gallery-card-1"
681
- >
682
- <div class="pf-v6-c-card__header">
683
- <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
684
- <div class="pf-v6-c-card__actions">
685
- <div class="pf-v6-c-dropdown">
686
- <button
687
- class="pf-v6-c-dropdown__toggle pf-m-plain"
688
- id="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
689
- aria-expanded="false"
690
- type="button"
691
- aria-label="Actions"
692
- >
693
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
694
- </button>
695
- <ul
696
- class="pf-v6-c-dropdown__menu pf-m-align-right"
697
- aria-labelledby="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
698
- hidden
699
- role="menu"
700
- >
701
- <li role="none">
702
- <a
703
- class="pf-v6-c-dropdown__menu-item"
704
- role="menuitem"
705
- href="#"
706
- >Link</a>
707
- </li>
708
- <li role="none">
709
- <button
710
- class="pf-v6-c-dropdown__menu-item"
711
- role="menuitem"
712
- type="button"
713
- >Action</button>
714
- </li>
715
- <li role="none">
716
- <a
717
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
718
- role="menuitem"
719
- href="#"
720
- aria-disabled="true"
721
- tabindex="-1"
722
- >Disabled link</a>
723
- </li>
724
- <li role="none">
725
- <button
726
- class="pf-v6-c-dropdown__menu-item"
727
- role="menuitem"
728
- type="button"
729
- disabled
730
- >Disabled action</button>
731
- </li>
732
- <li class="pf-v6-c-divider" role="separator"></li>
733
- <li role="none">
734
- <a
735
- class="pf-v6-c-dropdown__menu-item"
736
- role="menuitem"
737
- href="#"
738
- >Separated link</a>
739
- </li>
740
- </ul>
741
- </div>
742
- <div class="pf-v6-c-check pf-m-standalone">
743
- <input
744
- class="pf-v6-c-check__input"
745
- type="checkbox"
746
- id="card-view-basic-example-gallery-card-1-check"
747
- name="card-view-basic-example-gallery-card-1-check"
748
- aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
749
- />
849
+ <div class="pf-v6-c-card__title">
850
+ <h2
851
+ class="pf-v6-c-card__title-text"
852
+ id="card-view-basic-example-gallery-card-2-check-label"
853
+ >ActiveMq</h2>
854
+ <div class="pf-v6-c-content">
855
+ <small>Provided by Red Hat</small>
750
856
  </div>
751
857
  </div>
752
- </div>
753
- <div class="pf-v6-c-card__title">
754
- <h2
755
- class="pf-v6-c-card__title-text"
756
- id="card-view-basic-example-gallery-card-1-check-label"
757
- >Patternfly</h2>
758
- <div class="pf-v6-c-content">
759
- <small>Provided by Red Hat</small>
760
- </div>
858
+ <div
859
+ class="pf-v6-c-card__body"
860
+ >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>
761
861
  </div>
762
862
  <div
763
- class="pf-v6-c-card__body"
764
- >PatternFly is a community project that promotes design commonality and improves user experience.</div>
765
- </div>
766
- <div
767
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
768
- id="card-view-basic-example-gallery-card-2"
769
- >
770
- <div class="pf-v6-c-card__header">
771
- <img
772
- src="/assets/images/activemq-core_200x150.png"
773
- width="60px"
774
- alt="Logo"
775
- />
776
- <div class="pf-v6-c-card__actions">
777
- <div class="pf-v6-c-dropdown">
778
- <button
779
- class="pf-v6-c-dropdown__toggle pf-m-plain"
780
- id="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
781
- aria-expanded="false"
782
- type="button"
783
- aria-label="Actions"
784
- >
785
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
786
- </button>
787
- <ul
788
- class="pf-v6-c-dropdown__menu pf-m-align-right"
789
- aria-labelledby="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
790
- hidden
791
- role="menu"
792
- >
793
- <li role="none">
794
- <a
795
- class="pf-v6-c-dropdown__menu-item"
796
- role="menuitem"
797
- href="#"
798
- >Link</a>
799
- </li>
800
- <li role="none">
801
- <button
802
- class="pf-v6-c-dropdown__menu-item"
803
- role="menuitem"
804
- type="button"
805
- >Action</button>
806
- </li>
807
- <li role="none">
808
- <a
809
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
810
- role="menuitem"
811
- href="#"
812
- aria-disabled="true"
813
- tabindex="-1"
814
- >Disabled link</a>
815
- </li>
816
- <li role="none">
817
- <button
818
- class="pf-v6-c-dropdown__menu-item"
819
- role="menuitem"
820
- type="button"
821
- disabled
822
- >Disabled action</button>
823
- </li>
824
- <li class="pf-v6-c-divider" role="separator"></li>
825
- <li role="none">
826
- <a
827
- class="pf-v6-c-dropdown__menu-item"
828
- role="menuitem"
829
- href="#"
830
- >Separated link</a>
831
- </li>
832
- </ul>
833
- </div>
834
- <div class="pf-v6-c-check pf-m-standalone">
835
- <input
836
- class="pf-v6-c-check__input"
837
- type="checkbox"
838
- id="card-view-basic-example-gallery-card-2-check"
839
- name="card-view-basic-example-gallery-card-2-check"
840
- aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
841
- />
863
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
864
+ id="card-view-basic-example-gallery-card-3"
865
+ >
866
+ <div class="pf-v6-c-card__header">
867
+ <img
868
+ src="/assets/images/camel-spark_200x150.png"
869
+ width="60px"
870
+ alt="Logo"
871
+ />
872
+ <div class="pf-v6-c-card__actions">
873
+ <div class="pf-v6-c-dropdown">
874
+ <button
875
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
876
+ id="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
877
+ aria-expanded="false"
878
+ type="button"
879
+ aria-label="Actions"
880
+ >
881
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
882
+ </button>
883
+ <ul
884
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
885
+ aria-labelledby="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
886
+ hidden
887
+ role="menu"
888
+ >
889
+ <li role="none">
890
+ <a
891
+ class="pf-v6-c-dropdown__menu-item"
892
+ role="menuitem"
893
+ href="#"
894
+ >Link</a>
895
+ </li>
896
+ <li role="none">
897
+ <button
898
+ class="pf-v6-c-dropdown__menu-item"
899
+ role="menuitem"
900
+ type="button"
901
+ >Action</button>
902
+ </li>
903
+ <li role="none">
904
+ <a
905
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
906
+ role="menuitem"
907
+ href="#"
908
+ aria-disabled="true"
909
+ tabindex="-1"
910
+ >Disabled link</a>
911
+ </li>
912
+ <li role="none">
913
+ <button
914
+ class="pf-v6-c-dropdown__menu-item"
915
+ role="menuitem"
916
+ type="button"
917
+ disabled
918
+ >Disabled action</button>
919
+ </li>
920
+ <li class="pf-v6-c-divider" role="separator"></li>
921
+ <li role="none">
922
+ <a
923
+ class="pf-v6-c-dropdown__menu-item"
924
+ role="menuitem"
925
+ href="#"
926
+ >Separated link</a>
927
+ </li>
928
+ </ul>
929
+ </div>
930
+ <div class="pf-v6-c-check pf-m-standalone">
931
+ <input
932
+ class="pf-v6-c-check__input"
933
+ type="checkbox"
934
+ id="card-view-basic-example-gallery-card-3-check"
935
+ name="card-view-basic-example-gallery-card-3-check"
936
+ aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
937
+ />
938
+ </div>
842
939
  </div>
843
940
  </div>
844
- </div>
845
- <div class="pf-v6-c-card__title">
846
- <h2
847
- class="pf-v6-c-card__title-text"
848
- id="card-view-basic-example-gallery-card-2-check-label"
849
- >ActiveMq</h2>
850
- <div class="pf-v6-c-content">
851
- <small>Provided by Red Hat</small>
941
+ <div class="pf-v6-c-card__title">
942
+ <h2
943
+ class="pf-v6-c-card__title-text"
944
+ id="card-view-basic-example-gallery-card-3-check-label"
945
+ >Apache Spark</h2>
946
+ <div class="pf-v6-c-content">
947
+ <small>Provided by Red Hat</small>
948
+ </div>
852
949
  </div>
950
+ <div
951
+ class="pf-v6-c-card__body"
952
+ >This documentation page covers the Apache Spark component for the Apache Camel.</div>
853
953
  </div>
854
954
  <div
855
- class="pf-v6-c-card__body"
856
- >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>
857
- </div>
858
- <div
859
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
860
- id="card-view-basic-example-gallery-card-3"
861
- >
862
- <div class="pf-v6-c-card__header">
863
- <img
864
- src="/assets/images/camel-spark_200x150.png"
865
- width="60px"
866
- alt="Logo"
867
- />
868
- <div class="pf-v6-c-card__actions">
869
- <div class="pf-v6-c-dropdown">
870
- <button
871
- class="pf-v6-c-dropdown__toggle pf-m-plain"
872
- id="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
873
- aria-expanded="false"
874
- type="button"
875
- aria-label="Actions"
876
- >
877
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
878
- </button>
879
- <ul
880
- class="pf-v6-c-dropdown__menu pf-m-align-right"
881
- aria-labelledby="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
882
- hidden
883
- role="menu"
884
- >
885
- <li role="none">
886
- <a
887
- class="pf-v6-c-dropdown__menu-item"
888
- role="menuitem"
889
- href="#"
890
- >Link</a>
891
- </li>
892
- <li role="none">
893
- <button
894
- class="pf-v6-c-dropdown__menu-item"
895
- role="menuitem"
896
- type="button"
897
- >Action</button>
898
- </li>
899
- <li role="none">
900
- <a
901
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
902
- role="menuitem"
903
- href="#"
904
- aria-disabled="true"
905
- tabindex="-1"
906
- >Disabled link</a>
907
- </li>
908
- <li role="none">
909
- <button
910
- class="pf-v6-c-dropdown__menu-item"
911
- role="menuitem"
912
- type="button"
913
- disabled
914
- >Disabled action</button>
915
- </li>
916
- <li class="pf-v6-c-divider" role="separator"></li>
917
- <li role="none">
918
- <a
919
- class="pf-v6-c-dropdown__menu-item"
920
- role="menuitem"
921
- href="#"
922
- >Separated link</a>
923
- </li>
924
- </ul>
925
- </div>
926
- <div class="pf-v6-c-check pf-m-standalone">
927
- <input
928
- class="pf-v6-c-check__input"
929
- type="checkbox"
930
- id="card-view-basic-example-gallery-card-3-check"
931
- name="card-view-basic-example-gallery-card-3-check"
932
- aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
933
- />
955
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
956
+ id="card-view-basic-example-gallery-card-4"
957
+ >
958
+ <div class="pf-v6-c-card__header">
959
+ <img
960
+ src="/assets/images/camel-avro_200x150.png"
961
+ width="60px"
962
+ alt="Logo"
963
+ />
964
+ <div class="pf-v6-c-card__actions">
965
+ <div class="pf-v6-c-dropdown">
966
+ <button
967
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
968
+ id="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
969
+ aria-expanded="false"
970
+ type="button"
971
+ aria-label="Actions"
972
+ >
973
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
974
+ </button>
975
+ <ul
976
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
977
+ aria-labelledby="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
978
+ hidden
979
+ role="menu"
980
+ >
981
+ <li role="none">
982
+ <a
983
+ class="pf-v6-c-dropdown__menu-item"
984
+ role="menuitem"
985
+ href="#"
986
+ >Link</a>
987
+ </li>
988
+ <li role="none">
989
+ <button
990
+ class="pf-v6-c-dropdown__menu-item"
991
+ role="menuitem"
992
+ type="button"
993
+ >Action</button>
994
+ </li>
995
+ <li role="none">
996
+ <a
997
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
998
+ role="menuitem"
999
+ href="#"
1000
+ aria-disabled="true"
1001
+ tabindex="-1"
1002
+ >Disabled link</a>
1003
+ </li>
1004
+ <li role="none">
1005
+ <button
1006
+ class="pf-v6-c-dropdown__menu-item"
1007
+ role="menuitem"
1008
+ type="button"
1009
+ disabled
1010
+ >Disabled action</button>
1011
+ </li>
1012
+ <li class="pf-v6-c-divider" role="separator"></li>
1013
+ <li role="none">
1014
+ <a
1015
+ class="pf-v6-c-dropdown__menu-item"
1016
+ role="menuitem"
1017
+ href="#"
1018
+ >Separated link</a>
1019
+ </li>
1020
+ </ul>
1021
+ </div>
1022
+ <div class="pf-v6-c-check pf-m-standalone">
1023
+ <input
1024
+ class="pf-v6-c-check__input"
1025
+ type="checkbox"
1026
+ id="card-view-basic-example-gallery-card-4-check"
1027
+ name="card-view-basic-example-gallery-card-4-check"
1028
+ aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
1029
+ />
1030
+ </div>
934
1031
  </div>
935
1032
  </div>
936
- </div>
937
- <div class="pf-v6-c-card__title">
938
- <h2
939
- class="pf-v6-c-card__title-text"
940
- id="card-view-basic-example-gallery-card-3-check-label"
941
- >Apache Spark</h2>
942
- <div class="pf-v6-c-content">
943
- <small>Provided by Red Hat</small>
1033
+ <div class="pf-v6-c-card__title">
1034
+ <h2
1035
+ class="pf-v6-c-card__title-text"
1036
+ id="card-view-basic-example-gallery-card-4-check-label"
1037
+ >Avro</h2>
1038
+ <div class="pf-v6-c-content">
1039
+ <small>Provided by Red Hat</small>
1040
+ </div>
944
1041
  </div>
1042
+ <div
1043
+ class="pf-v6-c-card__body"
1044
+ >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>
945
1045
  </div>
946
1046
  <div
947
- class="pf-v6-c-card__body"
948
- >This documentation page covers the Apache Spark component for the Apache Camel.</div>
949
- </div>
950
- <div
951
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
952
- id="card-view-basic-example-gallery-card-4"
953
- >
954
- <div class="pf-v6-c-card__header">
955
- <img
956
- src="/assets/images/camel-avro_200x150.png"
957
- width="60px"
958
- alt="Logo"
959
- />
960
- <div class="pf-v6-c-card__actions">
961
- <div class="pf-v6-c-dropdown">
962
- <button
963
- class="pf-v6-c-dropdown__toggle pf-m-plain"
964
- id="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
965
- aria-expanded="false"
966
- type="button"
967
- aria-label="Actions"
968
- >
969
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
970
- </button>
971
- <ul
972
- class="pf-v6-c-dropdown__menu pf-m-align-right"
973
- aria-labelledby="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
974
- hidden
975
- role="menu"
976
- >
977
- <li role="none">
978
- <a
979
- class="pf-v6-c-dropdown__menu-item"
980
- role="menuitem"
981
- href="#"
982
- >Link</a>
983
- </li>
984
- <li role="none">
985
- <button
986
- class="pf-v6-c-dropdown__menu-item"
987
- role="menuitem"
988
- type="button"
989
- >Action</button>
990
- </li>
991
- <li role="none">
992
- <a
993
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
994
- role="menuitem"
995
- href="#"
996
- aria-disabled="true"
997
- tabindex="-1"
998
- >Disabled link</a>
999
- </li>
1000
- <li role="none">
1001
- <button
1002
- class="pf-v6-c-dropdown__menu-item"
1003
- role="menuitem"
1004
- type="button"
1005
- disabled
1006
- >Disabled action</button>
1007
- </li>
1008
- <li class="pf-v6-c-divider" role="separator"></li>
1009
- <li role="none">
1010
- <a
1011
- class="pf-v6-c-dropdown__menu-item"
1012
- role="menuitem"
1013
- href="#"
1014
- >Separated link</a>
1015
- </li>
1016
- </ul>
1017
- </div>
1018
- <div class="pf-v6-c-check pf-m-standalone">
1019
- <input
1020
- class="pf-v6-c-check__input"
1021
- type="checkbox"
1022
- id="card-view-basic-example-gallery-card-4-check"
1023
- name="card-view-basic-example-gallery-card-4-check"
1024
- aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
1025
- />
1047
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
1048
+ id="card-view-basic-example-gallery-card-5"
1049
+ >
1050
+ <div class="pf-v6-c-card__header">
1051
+ <img
1052
+ src="/assets/images/FuseConnector_Icons_AzureServices.png"
1053
+ width="60px"
1054
+ alt="Logo"
1055
+ />
1056
+ <div class="pf-v6-c-card__actions">
1057
+ <div class="pf-v6-c-dropdown">
1058
+ <button
1059
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1060
+ id="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1061
+ aria-expanded="false"
1062
+ type="button"
1063
+ aria-label="Actions"
1064
+ >
1065
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1066
+ </button>
1067
+ <ul
1068
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1069
+ aria-labelledby="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1070
+ hidden
1071
+ role="menu"
1072
+ >
1073
+ <li role="none">
1074
+ <a
1075
+ class="pf-v6-c-dropdown__menu-item"
1076
+ role="menuitem"
1077
+ href="#"
1078
+ >Link</a>
1079
+ </li>
1080
+ <li role="none">
1081
+ <button
1082
+ class="pf-v6-c-dropdown__menu-item"
1083
+ role="menuitem"
1084
+ type="button"
1085
+ >Action</button>
1086
+ </li>
1087
+ <li role="none">
1088
+ <a
1089
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1090
+ role="menuitem"
1091
+ href="#"
1092
+ aria-disabled="true"
1093
+ tabindex="-1"
1094
+ >Disabled link</a>
1095
+ </li>
1096
+ <li role="none">
1097
+ <button
1098
+ class="pf-v6-c-dropdown__menu-item"
1099
+ role="menuitem"
1100
+ type="button"
1101
+ disabled
1102
+ >Disabled action</button>
1103
+ </li>
1104
+ <li class="pf-v6-c-divider" role="separator"></li>
1105
+ <li role="none">
1106
+ <a
1107
+ class="pf-v6-c-dropdown__menu-item"
1108
+ role="menuitem"
1109
+ href="#"
1110
+ >Separated link</a>
1111
+ </li>
1112
+ </ul>
1113
+ </div>
1114
+ <div class="pf-v6-c-check pf-m-standalone">
1115
+ <input
1116
+ class="pf-v6-c-check__input"
1117
+ type="checkbox"
1118
+ id="card-view-basic-example-gallery-card-5-check"
1119
+ name="card-view-basic-example-gallery-card-5-check"
1120
+ aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
1121
+ />
1122
+ </div>
1026
1123
  </div>
1027
1124
  </div>
1028
- </div>
1029
- <div class="pf-v6-c-card__title">
1030
- <h2
1031
- class="pf-v6-c-card__title-text"
1032
- id="card-view-basic-example-gallery-card-4-check-label"
1033
- >Avro</h2>
1034
- <div class="pf-v6-c-content">
1035
- <small>Provided by Red Hat</small>
1125
+ <div class="pf-v6-c-card__title">
1126
+ <h2
1127
+ class="pf-v6-c-card__title-text"
1128
+ id="card-view-basic-example-gallery-card-5-check-label"
1129
+ >Azure Services</h2>
1130
+ <div class="pf-v6-c-content">
1131
+ <small>Provided by Red Hat</small>
1132
+ </div>
1036
1133
  </div>
1134
+ <div
1135
+ class="pf-v6-c-card__body"
1136
+ >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
1037
1137
  </div>
1038
1138
  <div
1039
- class="pf-v6-c-card__body"
1040
- >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>
1041
- </div>
1042
- <div
1043
- class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
1044
- id="card-view-basic-example-gallery-card-5"
1045
- >
1046
- <div class="pf-v6-c-card__header">
1047
- <img
1048
- src="/assets/images/FuseConnector_Icons_AzureServices.png"
1049
- width="60px"
1050
- alt="Logo"
1051
- />
1052
- <div class="pf-v6-c-card__actions">
1053
- <div class="pf-v6-c-dropdown">
1054
- <button
1055
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1056
- id="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1057
- aria-expanded="false"
1058
- type="button"
1059
- aria-label="Actions"
1060
- >
1061
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1062
- </button>
1063
- <ul
1064
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1065
- aria-labelledby="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1066
- hidden
1067
- role="menu"
1068
- >
1069
- <li role="none">
1070
- <a
1071
- class="pf-v6-c-dropdown__menu-item"
1072
- role="menuitem"
1073
- href="#"
1074
- >Link</a>
1075
- </li>
1076
- <li role="none">
1077
- <button
1078
- class="pf-v6-c-dropdown__menu-item"
1079
- role="menuitem"
1080
- type="button"
1081
- >Action</button>
1082
- </li>
1083
- <li role="none">
1084
- <a
1085
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1086
- role="menuitem"
1087
- href="#"
1088
- aria-disabled="true"
1089
- tabindex="-1"
1090
- >Disabled link</a>
1091
- </li>
1092
- <li role="none">
1093
- <button
1094
- class="pf-v6-c-dropdown__menu-item"
1095
- role="menuitem"
1096
- type="button"
1097
- disabled
1098
- >Disabled action</button>
1099
- </li>
1100
- <li class="pf-v6-c-divider" role="separator"></li>
1101
- <li role="none">
1102
- <a
1103
- class="pf-v6-c-dropdown__menu-item"
1104
- role="menuitem"
1105
- href="#"
1106
- >Separated link</a>
1107
- </li>
1108
- </ul>
1139
+ class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
1140
+ id="card-view-basic-example-gallery-card-6"
1141
+ >
1142
+ <div class="pf-v6-c-card__header">
1143
+ <img
1144
+ src="/assets/images/camel-saxon_200x150.png"
1145
+ width="60px"
1146
+ alt="Logo"
1147
+ />
1148
+ <div class="pf-v6-c-card__actions">
1149
+ <div class="pf-v6-c-dropdown">
1150
+ <button
1151
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1152
+ id="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1153
+ aria-expanded="false"
1154
+ type="button"
1155
+ aria-label="Actions"
1156
+ >
1157
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1158
+ </button>
1159
+ <ul
1160
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1161
+ aria-labelledby="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1162
+ hidden
1163
+ role="menu"
1164
+ >
1165
+ <li role="none">
1166
+ <a
1167
+ class="pf-v6-c-dropdown__menu-item"
1168
+ role="menuitem"
1169
+ href="#"
1170
+ >Link</a>
1171
+ </li>
1172
+ <li role="none">
1173
+ <button
1174
+ class="pf-v6-c-dropdown__menu-item"
1175
+ role="menuitem"
1176
+ type="button"
1177
+ >Action</button>
1178
+ </li>
1179
+ <li role="none">
1180
+ <a
1181
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1182
+ role="menuitem"
1183
+ href="#"
1184
+ aria-disabled="true"
1185
+ tabindex="-1"
1186
+ >Disabled link</a>
1187
+ </li>
1188
+ <li role="none">
1189
+ <button
1190
+ class="pf-v6-c-dropdown__menu-item"
1191
+ role="menuitem"
1192
+ type="button"
1193
+ disabled
1194
+ >Disabled action</button>
1195
+ </li>
1196
+ <li class="pf-v6-c-divider" role="separator"></li>
1197
+ <li role="none">
1198
+ <a
1199
+ class="pf-v6-c-dropdown__menu-item"
1200
+ role="menuitem"
1201
+ href="#"
1202
+ >Separated link</a>
1203
+ </li>
1204
+ </ul>
1205
+ </div>
1206
+ <div class="pf-v6-c-check pf-m-standalone">
1207
+ <input
1208
+ class="pf-v6-c-check__input"
1209
+ type="checkbox"
1210
+ id="card-view-basic-example-gallery-card-6-check"
1211
+ name="card-view-basic-example-gallery-card-6-check"
1212
+ disabled
1213
+ aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
1214
+ />
1215
+ </div>
1109
1216
  </div>
1110
- <div class="pf-v6-c-check pf-m-standalone">
1111
- <input
1112
- class="pf-v6-c-check__input"
1113
- type="checkbox"
1114
- id="card-view-basic-example-gallery-card-5-check"
1115
- name="card-view-basic-example-gallery-card-5-check"
1116
- aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
1117
- />
1217
+ </div>
1218
+ <div class="pf-v6-c-card__title">
1219
+ <h2
1220
+ class="pf-v6-c-card__title-text"
1221
+ id="card-view-basic-example-gallery-card-6-check-label"
1222
+ >Crypto</h2>
1223
+ <div class="pf-v6-c-content">
1224
+ <small>Provided by Red Hat</small>
1118
1225
  </div>
1119
1226
  </div>
1227
+ <div
1228
+ class="pf-v6-c-card__body"
1229
+ >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
1120
1230
  </div>
1121
- <div class="pf-v6-c-card__title">
1122
- <h2
1123
- class="pf-v6-c-card__title-text"
1124
- id="card-view-basic-example-gallery-card-5-check-label"
1125
- >Azure Services</h2>
1126
- <div class="pf-v6-c-content">
1127
- <small>Provided by Red Hat</small>
1231
+ <div
1232
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1233
+ id="card-view-basic-example-gallery-card-7"
1234
+ >
1235
+ <div class="pf-v6-c-card__header">
1236
+ <img
1237
+ src="/assets/images/camel-dropbox_200x150.png"
1238
+ width="60px"
1239
+ alt="Logo"
1240
+ />
1241
+ <div class="pf-v6-c-card__actions">
1242
+ <div class="pf-v6-c-dropdown">
1243
+ <button
1244
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1245
+ id="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1246
+ aria-expanded="false"
1247
+ type="button"
1248
+ aria-label="Actions"
1249
+ >
1250
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1251
+ </button>
1252
+ <ul
1253
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1254
+ aria-labelledby="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1255
+ hidden
1256
+ role="menu"
1257
+ >
1258
+ <li role="none">
1259
+ <a
1260
+ class="pf-v6-c-dropdown__menu-item"
1261
+ role="menuitem"
1262
+ href="#"
1263
+ >Link</a>
1264
+ </li>
1265
+ <li role="none">
1266
+ <button
1267
+ class="pf-v6-c-dropdown__menu-item"
1268
+ role="menuitem"
1269
+ type="button"
1270
+ >Action</button>
1271
+ </li>
1272
+ <li role="none">
1273
+ <a
1274
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1275
+ role="menuitem"
1276
+ href="#"
1277
+ aria-disabled="true"
1278
+ tabindex="-1"
1279
+ >Disabled link</a>
1280
+ </li>
1281
+ <li role="none">
1282
+ <button
1283
+ class="pf-v6-c-dropdown__menu-item"
1284
+ role="menuitem"
1285
+ type="button"
1286
+ disabled
1287
+ >Disabled action</button>
1288
+ </li>
1289
+ <li class="pf-v6-c-divider" role="separator"></li>
1290
+ <li role="none">
1291
+ <a
1292
+ class="pf-v6-c-dropdown__menu-item"
1293
+ role="menuitem"
1294
+ href="#"
1295
+ >Separated link</a>
1296
+ </li>
1297
+ </ul>
1298
+ </div>
1299
+ <div class="pf-v6-c-check pf-m-standalone">
1300
+ <input
1301
+ class="pf-v6-c-check__input"
1302
+ type="checkbox"
1303
+ id="card-view-basic-example-gallery-card-7-check"
1304
+ name="card-view-basic-example-gallery-card-7-check"
1305
+ aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
1306
+ />
1307
+ </div>
1308
+ </div>
1309
+ </div>
1310
+ <div class="pf-v6-c-card__title">
1311
+ <h2
1312
+ class="pf-v6-c-card__title-text"
1313
+ id="card-view-basic-example-gallery-card-7-check-label"
1314
+ >DropBox</h2>
1315
+ <div class="pf-v6-c-content">
1316
+ <small>Provided by Red Hat</small>
1317
+ </div>
1128
1318
  </div>
1319
+ <div
1320
+ class="pf-v6-c-card__body"
1321
+ >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1129
1322
  </div>
1130
1323
  <div
1131
- class="pf-v6-c-card__body"
1132
- >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
1133
- </div>
1134
- <div
1135
- class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
1136
- id="card-view-basic-example-gallery-card-6"
1137
- >
1138
- <div class="pf-v6-c-card__header">
1139
- <img
1140
- src="/assets/images/camel-saxon_200x150.png"
1141
- width="60px"
1142
- alt="Logo"
1143
- />
1144
- <div class="pf-v6-c-card__actions">
1145
- <div class="pf-v6-c-dropdown">
1146
- <button
1147
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1148
- id="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1149
- aria-expanded="false"
1150
- type="button"
1151
- aria-label="Actions"
1152
- >
1153
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1154
- </button>
1155
- <ul
1156
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1157
- aria-labelledby="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1158
- hidden
1159
- role="menu"
1160
- >
1161
- <li role="none">
1162
- <a
1163
- class="pf-v6-c-dropdown__menu-item"
1164
- role="menuitem"
1165
- href="#"
1166
- >Link</a>
1167
- </li>
1168
- <li role="none">
1169
- <button
1170
- class="pf-v6-c-dropdown__menu-item"
1171
- role="menuitem"
1172
- type="button"
1173
- >Action</button>
1174
- </li>
1175
- <li role="none">
1176
- <a
1177
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1178
- role="menuitem"
1179
- href="#"
1180
- aria-disabled="true"
1181
- tabindex="-1"
1182
- >Disabled link</a>
1183
- </li>
1184
- <li role="none">
1185
- <button
1186
- class="pf-v6-c-dropdown__menu-item"
1187
- role="menuitem"
1188
- type="button"
1189
- disabled
1190
- >Disabled action</button>
1191
- </li>
1192
- <li class="pf-v6-c-divider" role="separator"></li>
1193
- <li role="none">
1194
- <a
1195
- class="pf-v6-c-dropdown__menu-item"
1196
- role="menuitem"
1197
- href="#"
1198
- >Separated link</a>
1199
- </li>
1200
- </ul>
1201
- </div>
1202
- <div class="pf-v6-c-check pf-m-standalone">
1203
- <input
1204
- class="pf-v6-c-check__input"
1205
- type="checkbox"
1206
- id="card-view-basic-example-gallery-card-6-check"
1207
- name="card-view-basic-example-gallery-card-6-check"
1208
- disabled
1209
- aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
1210
- />
1324
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1325
+ id="card-view-basic-example-gallery-card-8"
1326
+ >
1327
+ <div class="pf-v6-c-card__header">
1328
+ <img
1329
+ src="/assets/images/camel-infinispan_200x150.png"
1330
+ width="60px"
1331
+ alt="Logo"
1332
+ />
1333
+ <div class="pf-v6-c-card__actions">
1334
+ <div class="pf-v6-c-dropdown">
1335
+ <button
1336
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1337
+ id="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1338
+ aria-expanded="false"
1339
+ type="button"
1340
+ aria-label="Actions"
1341
+ >
1342
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1343
+ </button>
1344
+ <ul
1345
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1346
+ aria-labelledby="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1347
+ hidden
1348
+ role="menu"
1349
+ >
1350
+ <li role="none">
1351
+ <a
1352
+ class="pf-v6-c-dropdown__menu-item"
1353
+ role="menuitem"
1354
+ href="#"
1355
+ >Link</a>
1356
+ </li>
1357
+ <li role="none">
1358
+ <button
1359
+ class="pf-v6-c-dropdown__menu-item"
1360
+ role="menuitem"
1361
+ type="button"
1362
+ >Action</button>
1363
+ </li>
1364
+ <li role="none">
1365
+ <a
1366
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1367
+ role="menuitem"
1368
+ href="#"
1369
+ aria-disabled="true"
1370
+ tabindex="-1"
1371
+ >Disabled link</a>
1372
+ </li>
1373
+ <li role="none">
1374
+ <button
1375
+ class="pf-v6-c-dropdown__menu-item"
1376
+ role="menuitem"
1377
+ type="button"
1378
+ disabled
1379
+ >Disabled action</button>
1380
+ </li>
1381
+ <li class="pf-v6-c-divider" role="separator"></li>
1382
+ <li role="none">
1383
+ <a
1384
+ class="pf-v6-c-dropdown__menu-item"
1385
+ role="menuitem"
1386
+ href="#"
1387
+ >Separated link</a>
1388
+ </li>
1389
+ </ul>
1390
+ </div>
1391
+ <div class="pf-v6-c-check pf-m-standalone">
1392
+ <input
1393
+ class="pf-v6-c-check__input"
1394
+ type="checkbox"
1395
+ id="card-view-basic-example-gallery-card-8-check"
1396
+ name="card-view-basic-example-gallery-card-8-check"
1397
+ aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1398
+ />
1399
+ </div>
1211
1400
  </div>
1212
1401
  </div>
1213
- </div>
1214
- <div class="pf-v6-c-card__title">
1215
- <h2
1216
- class="pf-v6-c-card__title-text"
1217
- id="card-view-basic-example-gallery-card-6-check-label"
1218
- >Crypto</h2>
1219
- <div class="pf-v6-c-content">
1220
- <small>Provided by Red Hat</small>
1402
+ <div class="pf-v6-c-card__title">
1403
+ <h2
1404
+ class="pf-v6-c-card__title-text"
1405
+ id="card-view-basic-example-gallery-card-8-check-label"
1406
+ >JBoss Data Grid</h2>
1407
+ <div class="pf-v6-c-content">
1408
+ <small>Provided by Red Hat</small>
1409
+ </div>
1221
1410
  </div>
1411
+ <div
1412
+ class="pf-v6-c-card__body"
1413
+ >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1222
1414
  </div>
1223
1415
  <div
1224
- class="pf-v6-c-card__body"
1225
- >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
1226
- </div>
1227
- <div
1228
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1229
- id="card-view-basic-example-gallery-card-7"
1230
- >
1231
- <div class="pf-v6-c-card__header">
1232
- <img
1233
- src="/assets/images/camel-dropbox_200x150.png"
1234
- width="60px"
1235
- alt="Logo"
1236
- />
1237
- <div class="pf-v6-c-card__actions">
1238
- <div class="pf-v6-c-dropdown">
1239
- <button
1240
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1241
- id="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1242
- aria-expanded="false"
1243
- type="button"
1244
- aria-label="Actions"
1245
- >
1246
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1247
- </button>
1248
- <ul
1249
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1250
- aria-labelledby="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1251
- hidden
1252
- role="menu"
1253
- >
1254
- <li role="none">
1255
- <a
1256
- class="pf-v6-c-dropdown__menu-item"
1257
- role="menuitem"
1258
- href="#"
1259
- >Link</a>
1260
- </li>
1261
- <li role="none">
1262
- <button
1263
- class="pf-v6-c-dropdown__menu-item"
1264
- role="menuitem"
1265
- type="button"
1266
- >Action</button>
1267
- </li>
1268
- <li role="none">
1269
- <a
1270
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1271
- role="menuitem"
1272
- href="#"
1273
- aria-disabled="true"
1274
- tabindex="-1"
1275
- >Disabled link</a>
1276
- </li>
1277
- <li role="none">
1278
- <button
1279
- class="pf-v6-c-dropdown__menu-item"
1280
- role="menuitem"
1281
- type="button"
1282
- disabled
1283
- >Disabled action</button>
1284
- </li>
1285
- <li class="pf-v6-c-divider" role="separator"></li>
1286
- <li role="none">
1287
- <a
1288
- class="pf-v6-c-dropdown__menu-item"
1289
- role="menuitem"
1290
- href="#"
1291
- >Separated link</a>
1292
- </li>
1293
- </ul>
1416
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1417
+ id="card-view-basic-example-gallery-card-9"
1418
+ >
1419
+ <div class="pf-v6-c-card__header">
1420
+ <img
1421
+ src="/assets/images/FuseConnector_Icons_REST.png"
1422
+ width="60px"
1423
+ alt="Logo"
1424
+ />
1425
+ <div class="pf-v6-c-card__actions">
1426
+ <div class="pf-v6-c-dropdown">
1427
+ <button
1428
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1429
+ id="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1430
+ aria-expanded="false"
1431
+ type="button"
1432
+ aria-label="Actions"
1433
+ >
1434
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1435
+ </button>
1436
+ <ul
1437
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1438
+ aria-labelledby="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1439
+ hidden
1440
+ role="menu"
1441
+ >
1442
+ <li role="none">
1443
+ <a
1444
+ class="pf-v6-c-dropdown__menu-item"
1445
+ role="menuitem"
1446
+ href="#"
1447
+ >Link</a>
1448
+ </li>
1449
+ <li role="none">
1450
+ <button
1451
+ class="pf-v6-c-dropdown__menu-item"
1452
+ role="menuitem"
1453
+ type="button"
1454
+ >Action</button>
1455
+ </li>
1456
+ <li role="none">
1457
+ <a
1458
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1459
+ role="menuitem"
1460
+ href="#"
1461
+ aria-disabled="true"
1462
+ tabindex="-1"
1463
+ >Disabled link</a>
1464
+ </li>
1465
+ <li role="none">
1466
+ <button
1467
+ class="pf-v6-c-dropdown__menu-item"
1468
+ role="menuitem"
1469
+ type="button"
1470
+ disabled
1471
+ >Disabled action</button>
1472
+ </li>
1473
+ <li class="pf-v6-c-divider" role="separator"></li>
1474
+ <li role="none">
1475
+ <a
1476
+ class="pf-v6-c-dropdown__menu-item"
1477
+ role="menuitem"
1478
+ href="#"
1479
+ >Separated link</a>
1480
+ </li>
1481
+ </ul>
1482
+ </div>
1483
+ <div class="pf-v6-c-check pf-m-standalone">
1484
+ <input
1485
+ class="pf-v6-c-check__input"
1486
+ type="checkbox"
1487
+ id="card-view-basic-example-gallery-card-9-check"
1488
+ name="card-view-basic-example-gallery-card-9-check"
1489
+ aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1490
+ />
1491
+ </div>
1294
1492
  </div>
1295
- <div class="pf-v6-c-check pf-m-standalone">
1296
- <input
1297
- class="pf-v6-c-check__input"
1298
- type="checkbox"
1299
- id="card-view-basic-example-gallery-card-7-check"
1300
- name="card-view-basic-example-gallery-card-7-check"
1301
- aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
1302
- />
1493
+ </div>
1494
+ <div class="pf-v6-c-card__title">
1495
+ <h2
1496
+ class="pf-v6-c-card__title-text"
1497
+ id="card-view-basic-example-gallery-card-9-check-label"
1498
+ >Rest</h2>
1499
+ <div class="pf-v6-c-content">
1500
+ <small>Provided by Red Hat</small>
1303
1501
  </div>
1304
1502
  </div>
1305
- </div>
1306
- <div class="pf-v6-c-card__title">
1307
- <h2
1308
- class="pf-v6-c-card__title-text"
1309
- id="card-view-basic-example-gallery-card-7-check-label"
1310
- >DropBox</h2>
1311
- <div class="pf-v6-c-content">
1312
- <small>Provided by Red Hat</small>
1503
+ <div class="pf-v6-c-card__body">
1504
+ The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1505
+ From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1313
1506
  </div>
1314
1507
  </div>
1315
1508
  <div
1316
- class="pf-v6-c-card__body"
1317
- >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1318
- </div>
1319
- <div
1320
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1321
- id="card-view-basic-example-gallery-card-8"
1322
- >
1323
- <div class="pf-v6-c-card__header">
1324
- <img
1325
- src="/assets/images/camel-infinispan_200x150.png"
1326
- width="60px"
1327
- alt="Logo"
1328
- />
1329
- <div class="pf-v6-c-card__actions">
1330
- <div class="pf-v6-c-dropdown">
1331
- <button
1332
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1333
- id="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1334
- aria-expanded="false"
1335
- type="button"
1336
- aria-label="Actions"
1337
- >
1338
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1339
- </button>
1340
- <ul
1341
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1342
- aria-labelledby="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1343
- hidden
1344
- role="menu"
1345
- >
1346
- <li role="none">
1347
- <a
1348
- class="pf-v6-c-dropdown__menu-item"
1349
- role="menuitem"
1350
- href="#"
1351
- >Link</a>
1352
- </li>
1353
- <li role="none">
1354
- <button
1355
- class="pf-v6-c-dropdown__menu-item"
1356
- role="menuitem"
1357
- type="button"
1358
- >Action</button>
1359
- </li>
1360
- <li role="none">
1361
- <a
1362
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1363
- role="menuitem"
1364
- href="#"
1365
- aria-disabled="true"
1366
- tabindex="-1"
1367
- >Disabled link</a>
1368
- </li>
1369
- <li role="none">
1370
- <button
1371
- class="pf-v6-c-dropdown__menu-item"
1372
- role="menuitem"
1373
- type="button"
1374
- disabled
1375
- >Disabled action</button>
1376
- </li>
1377
- <li class="pf-v6-c-divider" role="separator"></li>
1378
- <li role="none">
1379
- <a
1380
- class="pf-v6-c-dropdown__menu-item"
1381
- role="menuitem"
1382
- href="#"
1383
- >Separated link</a>
1384
- </li>
1385
- </ul>
1386
- </div>
1387
- <div class="pf-v6-c-check pf-m-standalone">
1388
- <input
1389
- class="pf-v6-c-check__input"
1390
- type="checkbox"
1391
- id="card-view-basic-example-gallery-card-8-check"
1392
- name="card-view-basic-example-gallery-card-8-check"
1393
- aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1394
- />
1509
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1510
+ id="card-view-basic-example-gallery-card-10"
1511
+ >
1512
+ <div class="pf-v6-c-card__header">
1513
+ <img
1514
+ src="/assets/images/camel-swagger-java_200x150.png"
1515
+ width="60px"
1516
+ alt="Logo"
1517
+ />
1518
+ <div class="pf-v6-c-card__actions">
1519
+ <div class="pf-v6-c-dropdown">
1520
+ <button
1521
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1522
+ id="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1523
+ aria-expanded="false"
1524
+ type="button"
1525
+ aria-label="Actions"
1526
+ >
1527
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1528
+ </button>
1529
+ <ul
1530
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1531
+ aria-labelledby="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1532
+ hidden
1533
+ role="menu"
1534
+ >
1535
+ <li role="none">
1536
+ <a
1537
+ class="pf-v6-c-dropdown__menu-item"
1538
+ role="menuitem"
1539
+ href="#"
1540
+ >Link</a>
1541
+ </li>
1542
+ <li role="none">
1543
+ <button
1544
+ class="pf-v6-c-dropdown__menu-item"
1545
+ role="menuitem"
1546
+ type="button"
1547
+ >Action</button>
1548
+ </li>
1549
+ <li role="none">
1550
+ <a
1551
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1552
+ role="menuitem"
1553
+ href="#"
1554
+ aria-disabled="true"
1555
+ tabindex="-1"
1556
+ >Disabled link</a>
1557
+ </li>
1558
+ <li role="none">
1559
+ <button
1560
+ class="pf-v6-c-dropdown__menu-item"
1561
+ role="menuitem"
1562
+ type="button"
1563
+ disabled
1564
+ >Disabled action</button>
1565
+ </li>
1566
+ <li class="pf-v6-c-divider" role="separator"></li>
1567
+ <li role="none">
1568
+ <a
1569
+ class="pf-v6-c-dropdown__menu-item"
1570
+ role="menuitem"
1571
+ href="#"
1572
+ >Separated link</a>
1573
+ </li>
1574
+ </ul>
1575
+ </div>
1576
+ <div class="pf-v6-c-check pf-m-standalone">
1577
+ <input
1578
+ class="pf-v6-c-check__input"
1579
+ type="checkbox"
1580
+ id="card-view-basic-example-gallery-card-10-check"
1581
+ name="card-view-basic-example-gallery-card-10-check"
1582
+ aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1583
+ />
1584
+ </div>
1395
1585
  </div>
1396
1586
  </div>
1397
- </div>
1398
- <div class="pf-v6-c-card__title">
1399
- <h2
1400
- class="pf-v6-c-card__title-text"
1401
- id="card-view-basic-example-gallery-card-8-check-label"
1402
- >JBoss Data Grid</h2>
1403
- <div class="pf-v6-c-content">
1404
- <small>Provided by Red Hat</small>
1587
+ <div class="pf-v6-c-card__title">
1588
+ <h2
1589
+ class="pf-v6-c-card__title-text"
1590
+ id="card-view-basic-example-gallery-card-10-check-label"
1591
+ >SWAGGER</h2>
1592
+ <div class="pf-v6-c-content">
1593
+ <small>Provided by Red Hat</small>
1594
+ </div>
1405
1595
  </div>
1596
+ <div
1597
+ class="pf-v6-c-card__body"
1598
+ >Expose REST services and their APIs using Swagger specification.</div>
1406
1599
  </div>
1407
- <div
1408
- class="pf-v6-c-card__body"
1409
- >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1410
1600
  </div>
1411
- <div
1412
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1413
- id="card-view-basic-example-gallery-card-9"
1414
- >
1415
- <div class="pf-v6-c-card__header">
1416
- <img
1417
- src="/assets/images/FuseConnector_Icons_REST.png"
1418
- width="60px"
1419
- alt="Logo"
1420
- />
1421
- <div class="pf-v6-c-card__actions">
1422
- <div class="pf-v6-c-dropdown">
1423
- <button
1424
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1425
- id="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1426
- aria-expanded="false"
1427
- type="button"
1428
- aria-label="Actions"
1429
- >
1430
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1431
- </button>
1432
- <ul
1433
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1434
- aria-labelledby="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1435
- hidden
1436
- role="menu"
1437
- >
1438
- <li role="none">
1439
- <a
1440
- class="pf-v6-c-dropdown__menu-item"
1441
- role="menuitem"
1442
- href="#"
1443
- >Link</a>
1444
- </li>
1445
- <li role="none">
1446
- <button
1447
- class="pf-v6-c-dropdown__menu-item"
1448
- role="menuitem"
1449
- type="button"
1450
- >Action</button>
1451
- </li>
1452
- <li role="none">
1453
- <a
1454
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1455
- role="menuitem"
1456
- href="#"
1457
- aria-disabled="true"
1458
- tabindex="-1"
1459
- >Disabled link</a>
1460
- </li>
1461
- <li role="none">
1462
- <button
1463
- class="pf-v6-c-dropdown__menu-item"
1464
- role="menuitem"
1465
- type="button"
1466
- disabled
1467
- >Disabled action</button>
1468
- </li>
1469
- <li class="pf-v6-c-divider" role="separator"></li>
1470
- <li role="none">
1471
- <a
1472
- class="pf-v6-c-dropdown__menu-item"
1473
- role="menuitem"
1474
- href="#"
1475
- >Separated link</a>
1476
- </li>
1477
- </ul>
1478
- </div>
1479
- <div class="pf-v6-c-check pf-m-standalone">
1480
- <input
1481
- class="pf-v6-c-check__input"
1482
- type="checkbox"
1483
- id="card-view-basic-example-gallery-card-9-check"
1484
- name="card-view-basic-example-gallery-card-9-check"
1485
- aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1486
- />
1487
- </div>
1601
+ </section>
1602
+ <section
1603
+ class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1604
+ >
1605
+ <div class="pf-v6-c-pagination pf-m-bottom">
1606
+ <div class="pf-v6-c-pagination__page-menu">
1607
+ <div class="pf-v6-c-options-menu pf-m-top">
1608
+ <button
1609
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1610
+ type="button"
1611
+ id="pagination-options-menu-bottom-example-toggle"
1612
+ aria-haspopup="listbox"
1613
+ aria-expanded="false"
1614
+ >
1615
+ <span class="pf-v6-c-options-menu__toggle-text">
1616
+ <b>1 - 10</b>&nbsp;of&nbsp;
1617
+ <b>36</b>
1618
+ </span>
1619
+ <div class="pf-v6-c-options-menu__toggle-icon">
1620
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1621
+ </div>
1622
+ </button>
1623
+ <ul
1624
+ class="pf-v6-c-options-menu__menu pf-m-top"
1625
+ role="menu"
1626
+ aria-labelledby="pagination-options-menu-bottom-example-toggle"
1627
+ hidden
1628
+ >
1629
+ <li role="none">
1630
+ <button
1631
+ class="pf-v6-c-options-menu__menu-item"
1632
+ type="button"
1633
+ role="menuitem"
1634
+ >5 per page</button>
1635
+ </li>
1636
+ <li role="none">
1637
+ <button
1638
+ class="pf-v6-c-options-menu__menu-item"
1639
+ type="button"
1640
+ role="menuitem"
1641
+ >
1642
+ 10 per page
1643
+ <div class="pf-v6-c-options-menu__menu-item-icon">
1644
+ <i class="fas fa-check" aria-hidden="true"></i>
1645
+ </div>
1646
+ </button>
1647
+ </li>
1648
+ <li role="none">
1649
+ <button
1650
+ class="pf-v6-c-options-menu__menu-item"
1651
+ type="button"
1652
+ role="menuitem"
1653
+ >20 per page</button>
1654
+ </li>
1655
+ </ul>
1488
1656
  </div>
1489
1657
  </div>
1490
- <div class="pf-v6-c-card__title">
1491
- <h2
1492
- class="pf-v6-c-card__title-text"
1493
- id="card-view-basic-example-gallery-card-9-check-label"
1494
- >Rest</h2>
1495
- <div class="pf-v6-c-content">
1496
- <small>Provided by Red Hat</small>
1658
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1659
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
1660
+ <button
1661
+ class="pf-v6-c-button pf-m-plain"
1662
+ type="button"
1663
+ disabled
1664
+ aria-label="Go to first page"
1665
+ >
1666
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1667
+ </button>
1497
1668
  </div>
1498
- </div>
1499
- <div class="pf-v6-c-card__body">
1500
- The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1501
- From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1502
- </div>
1503
- </div>
1504
- <div
1505
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1506
- id="card-view-basic-example-gallery-card-10"
1507
- >
1508
- <div class="pf-v6-c-card__header">
1509
- <img
1510
- src="/assets/images/camel-swagger-java_200x150.png"
1511
- width="60px"
1512
- alt="Logo"
1513
- />
1514
- <div class="pf-v6-c-card__actions">
1515
- <div class="pf-v6-c-dropdown">
1516
- <button
1517
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1518
- id="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1519
- aria-expanded="false"
1520
- type="button"
1521
- aria-label="Actions"
1522
- >
1523
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1524
- </button>
1525
- <ul
1526
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1527
- aria-labelledby="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1528
- hidden
1529
- role="menu"
1530
- >
1531
- <li role="none">
1532
- <a
1533
- class="pf-v6-c-dropdown__menu-item"
1534
- role="menuitem"
1535
- href="#"
1536
- >Link</a>
1537
- </li>
1538
- <li role="none">
1539
- <button
1540
- class="pf-v6-c-dropdown__menu-item"
1541
- role="menuitem"
1542
- type="button"
1543
- >Action</button>
1544
- </li>
1545
- <li role="none">
1546
- <a
1547
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1548
- role="menuitem"
1549
- href="#"
1550
- aria-disabled="true"
1551
- tabindex="-1"
1552
- >Disabled link</a>
1553
- </li>
1554
- <li role="none">
1555
- <button
1556
- class="pf-v6-c-dropdown__menu-item"
1557
- role="menuitem"
1558
- type="button"
1559
- disabled
1560
- >Disabled action</button>
1561
- </li>
1562
- <li class="pf-v6-c-divider" role="separator"></li>
1563
- <li role="none">
1564
- <a
1565
- class="pf-v6-c-dropdown__menu-item"
1566
- role="menuitem"
1567
- href="#"
1568
- >Separated link</a>
1569
- </li>
1570
- </ul>
1571
- </div>
1572
- <div class="pf-v6-c-check pf-m-standalone">
1669
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1670
+ <button
1671
+ class="pf-v6-c-button pf-m-plain"
1672
+ type="button"
1673
+ disabled
1674
+ aria-label="Go to previous page"
1675
+ >
1676
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1677
+ </button>
1678
+ </div>
1679
+ <div class="pf-v6-c-pagination__nav-page-select">
1680
+ <span class="pf-v6-c-form-control">
1573
1681
  <input
1574
- class="pf-v6-c-check__input"
1575
- type="checkbox"
1576
- id="card-view-basic-example-gallery-card-10-check"
1577
- name="card-view-basic-example-gallery-card-10-check"
1578
- aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1682
+ aria-label="Current page"
1683
+ type="number"
1684
+ min="1"
1685
+ max="4"
1686
+ value="1"
1579
1687
  />
1580
- </div>
1688
+ </span>
1689
+ <span aria-hidden="true">of 4</span>
1581
1690
  </div>
1582
- </div>
1583
- <div class="pf-v6-c-card__title">
1584
- <h2
1585
- class="pf-v6-c-card__title-text"
1586
- id="card-view-basic-example-gallery-card-10-check-label"
1587
- >SWAGGER</h2>
1588
- <div class="pf-v6-c-content">
1589
- <small>Provided by Red Hat</small>
1691
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1692
+ <button
1693
+ class="pf-v6-c-button pf-m-plain"
1694
+ type="button"
1695
+ aria-label="Go to next page"
1696
+ >
1697
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1698
+ </button>
1590
1699
  </div>
1591
- </div>
1592
- <div
1593
- class="pf-v6-c-card__body"
1594
- >Expose REST services and their APIs using Swagger specification.</div>
1595
- </div>
1596
- </div>
1597
- </section>
1598
- <section
1599
- class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1600
- >
1601
- <div class="pf-v6-c-pagination pf-m-bottom">
1602
- <div class="pf-v6-c-pagination__page-menu">
1603
- <div class="pf-v6-c-options-menu pf-m-top">
1604
- <button
1605
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1606
- type="button"
1607
- id="pagination-options-menu-bottom-example-toggle"
1608
- aria-haspopup="listbox"
1609
- aria-expanded="false"
1610
- >
1611
- <span class="pf-v6-c-options-menu__toggle-text">
1612
- <b>1 - 10</b>&nbsp;of&nbsp;
1613
- <b>36</b>
1614
- </span>
1615
- <div class="pf-v6-c-options-menu__toggle-icon">
1616
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1617
- </div>
1618
- </button>
1619
- <ul
1620
- class="pf-v6-c-options-menu__menu pf-m-top"
1621
- role="menu"
1622
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
1623
- hidden
1624
- >
1625
- <li role="none">
1626
- <button
1627
- class="pf-v6-c-options-menu__menu-item"
1628
- type="button"
1629
- role="menuitem"
1630
- >5 per page</button>
1631
- </li>
1632
- <li role="none">
1633
- <button
1634
- class="pf-v6-c-options-menu__menu-item"
1635
- type="button"
1636
- role="menuitem"
1637
- >
1638
- 10 per page
1639
- <div class="pf-v6-c-options-menu__menu-item-icon">
1640
- <i class="fas fa-check" aria-hidden="true"></i>
1641
- </div>
1642
- </button>
1643
- </li>
1644
- <li role="none">
1645
- <button
1646
- class="pf-v6-c-options-menu__menu-item"
1647
- type="button"
1648
- role="menuitem"
1649
- >20 per page</button>
1650
- </li>
1651
- </ul>
1652
- </div>
1700
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1701
+ <button
1702
+ class="pf-v6-c-button pf-m-plain"
1703
+ type="button"
1704
+ aria-label="Go to last page"
1705
+ >
1706
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1707
+ </button>
1708
+ </div>
1709
+ </nav>
1653
1710
  </div>
1654
- <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1655
- <div class="pf-v6-c-pagination__nav-control pf-m-first">
1656
- <button
1657
- class="pf-v6-c-button pf-m-plain"
1658
- type="button"
1659
- disabled
1660
- aria-label="Go to first page"
1661
- >
1662
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1663
- </button>
1664
- </div>
1665
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1666
- <button
1667
- class="pf-v6-c-button pf-m-plain"
1668
- type="button"
1669
- disabled
1670
- aria-label="Go to previous page"
1671
- >
1672
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1673
- </button>
1674
- </div>
1675
- <div class="pf-v6-c-pagination__nav-page-select">
1676
- <span class="pf-v6-c-form-control">
1677
- <input
1678
- aria-label="Current page"
1679
- type="number"
1680
- min="1"
1681
- max="4"
1682
- value="1"
1683
- />
1684
- </span>
1685
- <span aria-hidden="true">of 4</span>
1686
- </div>
1687
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
1688
- <button
1689
- class="pf-v6-c-button pf-m-plain"
1690
- type="button"
1691
- aria-label="Go to next page"
1692
- >
1693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1694
- </button>
1695
- </div>
1696
- <div class="pf-v6-c-pagination__nav-control pf-m-last">
1697
- <button
1698
- class="pf-v6-c-button pf-m-plain"
1699
- type="button"
1700
- aria-label="Go to last page"
1701
- >
1702
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1703
- </button>
1704
- </div>
1705
- </nav>
1706
- </div>
1707
- </section>
1708
- </main>
1711
+ </section>
1712
+ </main>
1713
+ </div>
1709
1714
  </div>
1710
1715
 
1711
1716
  ```