|
|
(3 intermediate revisions by the same user not shown) |
Line 99: |
Line 99: |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| <div>
| |
| <button class="cdx-button cdx-button--action-progressive">
| |
| Progressive normal button
| |
| </button>
| |
| </div>
| |
| <div>
| |
| <button
| |
| class="cdx-button cdx-button--action-progressive cdx-button--weight-primary"
| |
| >
| |
| Progressive primary button
| |
| </button>
| |
| </div>
| |
| <div>
| |
| <button
| |
| class="cdx-button cdx-button--action-progressive cdx-button--weight-quiet"
| |
| >
| |
| Progressive quiet button
| |
| </button>
| |
| </div>
| |
|
| |
| <details class="cdx-accordion">
| |
| <summary>
| |
| <h3 class="cdx-accordion__header">
| |
| <span class="cdx-accordion__header__title"> Accordion 1 </span>
| |
| </h3>
| |
| </summary>
| |
| <div class="cdx-accordion__content">
| |
| <p>Lorem ipsum dolor sic amet...</p>
| |
| </div>
| |
| </details>
| |
| <details class="cdx-accordion">
| |
| <summary>
| |
| <h3 class="cdx-accordion__header">
| |
| <span class="cdx-accordion__header__title"> Accordion 2 </span>
| |
| </h3>
| |
| </summary>
| |
| <div class="cdx-accordion__content">
| |
| <p>Lorem ipsum dolor sic amet...</p>
| |
| </div>
| |
| </details>
| |
| <details class="cdx-accordion">
| |
| <summary>
| |
| <h3 class="cdx-accordion__header">
| |
| <span class="cdx-accordion__header__title"> Accordion 2 </span>
| |
| </h3>
| |
| </summary>
| |
| <div class="cdx-accordion__content">
| |
| <p>Lorem ipsum dolor sic amet...</p>
| |
| </div>
| |
| </details>
| |
| </html> | | </html> |