inno-loader

Preview

light background

dark background

Angular

div class="component-display">
<div class="light-bg">
  <span class="bg-title">light background</span>
  <inno-loader></inno-loader>
</div>
<div class="dark-bg">
  <span class="bg-title">dark background</span>
  <inno-loader variant="dark"></inno-loader>
</div>
</div>

React

div class="component-display">
<div class="light-bg">
  <span class="bg-title">light background</span>
  <InnoLoader></InnoLoader>
</div>
<div class="dark-bg">
  <span class="bg-title">dark background</span>
  <InnoLoader variant="dark"></InnoLoader>
</div>
</div>

Vue

div class="component-display">
<div class="light-bg">
  <span class="bg-title">light background</span>
  <InnoLoader></InnoLoader>
</div>
<div class="dark-bg">
  <span class="bg-title">dark background</span>
  <InnoLoader variant="dark"></InnoLoader>
</div>
</div>

Properties

Property	Attribute	Description	Type	Default
size	size	Size of the loader. Valid values are: 16, 24, 32, 64.	number	64
strokeWidth	stroke-width	Loader bar width.	"thick" | "thin"	'thick'
variant	variant	Theme variant property.	"dark" | "light"	'light'

Dependencies

Used by

• inno-drag-and-drop

Graph

---

Built with StencilJS