Github

🎀ACSSORI

Guide




Buttons

Buttons are available as native dom tags or through classes

Default Buttons


Secondary Button
              <button>Default Button</button>
<button class="primary">Primary Button</button>
<div class="button secondary">Secondary Button</div>
Outlined Buttons


Secondary Button
              <button class="outlined">Default Button</button>
<button class="primary outlined">Primary Button</button>
<div class="button secondary outlined">Secondary Button</div>

Cards

Cards contain content and images

Content Cards
My Favourite Picture

🎆BEST WEB FRAMEWORKS🎆

              <div class="card center">
  <div class="card-image">
    <img
      src="https://source.unsplash.com/random/350x200" width="100%"/>
  </div>
  <div class="card-content">My Favourite Picture</div>
</div>
                
                
<div class="card center">
  <div class="card-content">
    <h3 class="text-primary">🎆BEST WEB FRAMEWORKS🎆</h3>
  </div>
  <div class="card-content"><button class="info">View</button></div>
</div>

Inputs

Style your inputs: radios, input boxes, textareas

Textarea
<textarea/>
Input Types
<input type="text">

Utilities

Classes to help you out

All utilities