Altair Admin v2.22.0

Character Counter

Default

Error

Success

Sliders

Basic

Double

Disabled

Movement limit

Dates (using moment.js)

Advanced Selects Selectize

Drag&Drop enabled

Advanced Selects Select 2

Datepicker

Select date

Timepicker

Select time

Date range

Start Date

End Date

Password

show

Form file

Select

You can also use

text

Clear Button

Progressbars

40%

Masked inputs

Date

Phone

Currency

Html Editor

<h1 class="heading_b">Heading</h1>

<p>Lorem ipsum dolor sit <strong>amet</strong>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#" class="uk-text-upper">This is a link</a></p>

<ul class="md-list">
  <li>
    <div class="md-list-content">
      <span class="md-list-heading">Heading</span>
      <span class="uk-text-small uk-text-muted">Lorem ipsum dolor sit amet.</span>
    </div>
  </li>
  <li>
    <div class="md-list-content">
      <span class="md-list-heading">Heading</span>
      <span class="uk-text-small uk-text-muted">Lorem ipsum dolor sit amet.</span>
    </div>
  </li>
  <li>
    <div class="md-list-content">
      <span class="md-list-heading">Heading</span>
      <span class="uk-text-small uk-text-muted">Lorem ipsum dolor sit amet.</span>
    </div>
  </li>
</ul>

<div class="uk-alert" data-uk-alert>
  <a href="#" class="uk-alert-close uk-close"></a>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.
</div>

Colors

Sidebar

Mini Sidebar

Slim Sidebar

Layout

Boxed layout

Main menu accordion

Accordion mode