### Select Language

### Activity

- Team
- Projects
- Schedule

Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer project getslicer.io
31%
5 / 24
Metamovies reworked metamovies.co
84%
28 / 31
Fast Pizza redesign fastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

#### Recently viewed

Browser Support Blog post
Twitch API Blog post
Twitter Auth Blog post

#### Recent Members

Alice C. Software Engineer
Tara S. UI/UX Designer
Jimmy H. Project Manager

- Components Hub
- Avatars
- Accordions
  - Accordion
  - Collapse
  - Image Accordion
- Breadcrumb
- Calendar
- Dropdown
- Icon Box
- Loader
- Message
- Modal
- Progress
- Tabs
  - Regular Tabs
  - Slider Tabs
- Flex Table
  - Base Table
  - Compact Table
  - Media Table
  - Advanced Table
- Snacks
- Plugins
  - Alertify
  - Autocomplete
  - Datepicker
  - ChoicesJs
  - NoUI Slider
  - Filepond
  - Light Gallery
  - Video Gallery
  - Video Player
  - Toasts
  - WebUI Popover
- Rich Text
  - Summernote
  - Sun Editor

# Loader

Huro ships with a dead simple and versatile loader. This loader is mostly CSS based and gets activated by toggling a class on the parent with Javascript. The main loader parent wrapper class adds the `relative` position to the target. The loader element's size can be change with classes: available classes are `is-small`, `is-large` and `is-xl`. Please refer to the code example for more details about usage.

          //Javascript
          $('.has-loader').addClass('has-loader-active');

          //Markup
          <!--Parent element who will contain the loader-->
          <div class="has-loader">
              <!--Loader element-->
              <div class="h-loader-wrapper">
                  <div class="loader is-small is-loading"></div>
              </div>
          </div>

Greta K. Sales Manager

I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.

Greta K. Sales Manager

I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.

Greta K. Sales Manager

I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.

Greta K. Sales Manager

I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.