Template:Tabs: Difference between revisions

From Visual Data Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 131: Line 131:
   </button>
   </button>
</div>
</div>
<div
  class="cdx-message cdx-message--block cdx-message--notice"
  aria-live="polite"
>
  <span class="cdx-message__icon"></span>
  <div class="cdx-message__content">This is a notice message.</div>
</div>
<div
  class="cdx-message cdx-message--block cdx-message--warning"
  aria-live="polite"
>
  <span class="cdx-message__icon"></span>
  <div class="cdx-message__content">This is a warning message.</div>
</div>
<div class="cdx-message cdx-message--block cdx-message--error" role="alert">
  <span class="cdx-message__icon"></span>
  <div class="cdx-message__content">This is an error message.</div>
</div>
<div
  class="cdx-message cdx-message--block cdx-message--success"
  aria-live="polite"
>
  <span class="cdx-message__icon"></span>
  <div class="cdx-message__content">This is a success message.</div>
</div>


<details class="cdx-accordion">
<details class="cdx-accordion">

Revision as of 14:47, 28 February 2024

Tab 2 content
Right-to-left Chip
This is a notice message.
This is a warning message.
This is a success message.

Accordion 1

Lorem ipsum dolor sic amet...

Accordion 2

Lorem ipsum dolor sic amet...

Accordion 2

Lorem ipsum dolor sic amet...