-
Get Started
-
React Components
- Accordion
- Badge
- Block Title
- Block / Content Block
- Button
- Card
- Chips / Tags
- Floating Action Button
-
Forms
- Icon
- Grid / Layout Grid
-
Lists
- Link
- Messages
- Message Bar
-
Modals
-
Navigation Bars
- Pages
- Page
- Panel
- Photo Browser
- Preloader / Spinner
- Progress Bar
- Search Bar
- Status Bar
- Swiper
- Tabs
- Template7 Template
- Timeline
- Views
- View
Preloader / Spinner React Component
Preloader / Spinner React component represents Preloader element.
Usage example
<!-- Preloader -->
<Preloader></Preloader>
<!-- Red preloader -->
<Preloader color="red"></Preloader>
<!-- Blue with custom size -->
<Preloader color="blue" size="44px"></Preloader>
Renders to:
<!-- Preloader -->
<span class="preloader"></span>
<!-- Red preloader -->
<span class="preloader color-red"></span>
<!-- Blue with custom size -->
<span class="preloader color-blue" style="width:44px; height:44px"></span>
Properties
Prop | Type | Default | Description |
---|---|---|---|
color | string | Preloader color. One of default colors | |
size | string/number | Size of the preloader in px |