v2.1.0

Button

  • Basic

    Outset

    <div class="container">
      <button class="button outset m-10">default Button</button>
      <button class="button outset square m-10">Square Button</button>
    </div>
    <div class="container neomo">
      <button class="button outset-neomo m-10">Neomo Button</button>
      <button class="button outset-neomo square blue m-10">
        Neomo Square Button
      </button>
    </div>
    <div class="container gray">
      <button class="button outset-gray m-10">Gray Button</button>
      <button class="button outset-gray square m-10">Gray Square Button</button>
    </div>
    <div class="container dark">
      <button class="button outset-dark m-10">Dark Button</button>
      <button class="button outset-dark square m-10">Dark Square Button</button>
    </div>
    

    Inset

    <div class="container">
      <button class="button inset m-10">default Button</button>
      <button class="button inset square m-10">Square Button</button>
    </div>
    <div class="container neomo">
      <button class="button inset-neomo m-10">Neomo Button</button>
      <button class="button inset-neomo square blue m-10">
        Neomo Square Button
      </button>
    </div>
    <div class="container gray">
      <button class="button inset-gray m-10">Gray Button</button>
      <button class="button inset-gray square m-10">Gray Square Button</button>
    </div>
    <div class="container dark">
      <button class="button inset-dark m-10">Dark Button</button>
      <button class="button inset-dark square m-10">Dark Square Button</button>
    </div>
    
  • Size

    Size

    <div class="container neomo">
      <button class="button outset-neomo small m-10">small</button>
      <button class="button outset-neomo normal m-10">normal</button>
      <button class="button outset-neomo medium m-10">medium</button>
      <button class="button outset-neomo large m-10">large</button>
    </div>