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

    Keywords

    none

    Install

    npm i @chameleon-ds/loader

    DownloadsWeekly 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