Loader

Quick start

Here's a quick start guide to get started with the Loader component

Importing Component

import { Loader } from "@hover-design/react";

Code Snippets and Examples

Loader - Default

<div className="App">
  <Loader />
</div>

Loader - Rounded Edges

<div className="App">
  <Loader isRoundedDash />
</div>

Loader - Custom Color

<div className="App">
  <Loader color="coral" />
</div>

Loader - Custom Thickness

<div className="App">
  <Loader thickness={15} />
</div>

Loader - Custom Dash Length

<div className="App">
  <Loader dashLength={60} />
</div>

Loader - Custom Sizes

<div className="App">
  <Loader size={80} />
</div>

Props Reference

Attributes	Values	Default Value	Optional ?
size	number	30	Yes
thickness	number	size / 5	Yes
color	string	#408FEC	Yes
dashLength	number	1/4 Circumference	Yes
isRoundedDash	boolean	false	Yes