v2.1.0

Input

  • Shape

    Square

    <input
      class="input square outset-neomo"
      type="text"
      placeholder="Square Input"
    />
    

    Rounded

    <input
      class="input rounded outset-neomo"
      type="text"
      placeholder="Square Input"
    />
    
  • Color
    <div class="container">
      <input class="input square" type="text" placeholder="Square Input" />
    </div>
    <div class="container neomo">
      <input
        class="input square outset-neomo"
        type="text"
        placeholder="Square Input"
      />
    </div>
    <div class="container gray">
      <input
        class="input square outset-gray"
        type="text"
        placeholder="Square Input"
      />
    </div>
    <div class="container dark">
      <input
        class="input square outset-dark"
        type="text"
        placeholder="Square Input"
      />
    </div>
    
  • Disabled
    <input class="input" type="text" disabled placeholder="Disabled" />
    
  • Group

    Left

    <div class="input-group outset-neomo">
      <span class="input-group-left text-center">@</span>
      <input
        type="text"
        class="input-group-right outset-neomo"
        placeholder="Username"
      />
    </div>
    
    @

    Right

    <div class="input-group outset-neomo">
      <input
        type="text"
        class="input-group-left outset-neomo"
        placeholder="Username"
      />
      <span class="input-group-right text-center">@</span>
    </div>
    
    @