2.0.1 • Published 4 years ago
@chameleon-ds/loader v2.0.1
Chameleon Loader
import { html } from "@open-wc/demoing-storybook";
import { withKnobs, text } from "@open-wc/demoing-storybook";
import "./chameleon-loader.js";
export default {
title: "Components|Feedback/Loader",
component: "chameleon-loader",
decorators: [withKnobs],
options: { selectedPanel: "storybookjs/docs/panel" },
};
Properties
Property Name | Type(s) | Default Value | Description |
---|---|---|---|
loader | String | "spinner" | The loader's style ("spinner", "ellipsis") |
size | String | "auto" | The loader's size |
Examples
Default
export const Default = () => {
const size = text("Size", "21px");
return html`
<chameleon-loader loader="spinner" size="${size}"></chameleon-loader>
`;
};
Ellipsis
export const Ellipsis = () => html`
<chameleon-loader loader="ellipsis"></chameleon-loader>
`;