34 lines
796 B
JavaScript
34 lines
796 B
JavaScript
import React from "react";
|
|
import { storiesOf } from "@storybook/react";
|
|
import Section from "../../../.storybook/decorators/section";
|
|
|
|
import Loaders from ".";
|
|
|
|
storiesOf("Components|Loaders", module)
|
|
.addParameters({ options: { showAddonPanel: false } })
|
|
.add("all", () => (
|
|
<Section>
|
|
<h1>Base loader</h1>
|
|
<h2>Rectangle Loader</h2>
|
|
<Loaders.Rectangle />
|
|
|
|
<h2>Circle loader</h2>
|
|
<Loaders.Circle x="20" y="20" height="32" />
|
|
|
|
<h1>Article Header Loader</h1>
|
|
<Loaders.ArticleHeader />
|
|
|
|
<h1>Filter loader</h1>
|
|
<Loaders.Filter />
|
|
|
|
<h1>Rows loader</h1>
|
|
<Loaders.Rows />
|
|
|
|
<h1>Section Header loader</h1>
|
|
<Loaders.SectionHeader />
|
|
|
|
<h1>Tree Folders loader</h1>
|
|
<Loaders.TreeFolders />
|
|
</Section>
|
|
));
|