Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
sandbox [2025/09/07 13:52] adminsandbox [2025/09/08 14:57] (current) admin
Line 1: Line 1:
-<button shadow>Normal shadow</button> +{{url>https://tweakers.net/nieuws/238884/microsoft-dwingt-multifactorauthenticatie-op-azure-vanaf-oktober-verder-af.html}}
- +
-<alert dark align-right width=20em>This is a dark alert aligned right</alert>+
  
 +<button collapse-id="the_item">Click me to toggle the view</button>
 +<collapse id="the_item">This is the hidden item!</collapse>
 <accordion> <accordion>
-  <accordion-item title="Item 1" show>The is some content inside accordion 1</accordion-item>+  <accordion-item title="Item 1">The is some content inside accordion 1</accordion-item>
   <accordion-item title="Item 2">Here is some more details</accordion-item>   <accordion-item title="Item 2">Here is some more details</accordion-item>
   <accordion-item title="Item 3">and this is the last one!</accordion-item>   <accordion-item title="Item 3">and this is the last one!</accordion-item>
 </accordion> </accordion>
 +
 +<button shadow>Normal shadow</button>
 +
 +<alert>A simple primary alert - check it out!</alert>
 +<alert secondary>A simple secondary alert - check it out!</alert>
 +<alert success>A simple success alert - check it out!</alert>
 +<alert danger>A simple danger alert - check it out!</alert>
 +<alert warning>A simple warning alert - check it out!</alert>
 +<alert info>A simple info alert - check it out!</alert>
 +<alert light>A simple light alert - check it out!</alert>
 +<alert dark>A simple dark alert - check it out!</alert>
 +
 +<card title="Special title treatment" width=18em text-left>
 +With supporting text below as a natural lead-in to additional content.
 +<button>Go somewhere</button>
 +</card>
 +
 +<card title="Special title treatment" width=18em text-center>
 +With supporting text below as a natural lead-in to additional content.
 +<button>Go somewhere</button>
 +</card>
 +
 +<card title="Special title treatment" width=18em text-right>
 +With supporting text below as a natural lead-in to additional content.
 +<button>Go somewhere</button>
 +</card>
 +
 +<button outline-dark>GitHub</button>