@chameleon-ds/loader

2.0.1 • Public • Published

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>
`;

Dependencies (1)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i @chameleon-ds/loader

    Weekly Downloads

    1

    Version

    2.0.1

    License

    MIT

    Unpacked Size

    20.7 kB

    Total Files

    9

    Last publish

    Collaborators

    • chuckhousley
    • zemptime
    • mandymichel
    • olerk16
    • tfreiner
    • kewalter
    • ryuhhnn