@neo4j-ndl/react/lib/esm/skeleton/stories/skeleton.stories.js

React implementation of Neo4j Design System

/**
 *
 *  Copyright (c) "Neo4j"
 *  Neo4j Sweden AB [http://neo4j.com]
 *
 *  This file is part of Neo4j.
 *
 *  Neo4j is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { Skeleton } from '../../index';
import { SkeletonCircular, SkeletonCircularSrc, SkeletonDefault, SkeletonDefaultSrc, SkeletonFullExample, SkeletonFullExampleSrc, SkeletonInheritHeight, SkeletonInheritHeightSrc, SkeletonInheritWidth, SkeletonInheritWidthSrc, } from '.';
const componentMeta = {
    title: 'Components/Skeleton',
    id: 'components-skeleton',
    component: Skeleton,
    tags: ['docsPage'],
    parameters: {
        controls: { disable: true },
    },
};
export default componentMeta;
export const Default = {
    args: {
        children: undefined,
        shape: 'rectangular',
        height: undefined,
        width: undefined,
        onBackground: 'default',
        isLoading: true,
    },
    render: SkeletonDefault,
    parameters: {
        docs: {
            source: {
                language: 'tsx',
                type: 'code',
                code: SkeletonDefaultSrc,
            },
        },
    },
};
export const Circular = {
    args: {
        children: undefined,
        shape: 'circular',
        height: undefined,
        width: undefined,
        onBackground: 'default',
        isLoading: true,
    },
    render: SkeletonCircular,
    parameters: {
        docs: {
            source: {
                language: 'tsx',
                type: 'code',
                code: SkeletonCircularSrc,
            },
        },
    },
};
export const InheritWidth = {
    args: {
        children: undefined,
        shape: 'rectangular',
        height: undefined,
        width: undefined,
        onBackground: 'default',
        isLoading: true,
    },
    render: SkeletonInheritWidth,
    parameters: {
        docs: {
            source: {
                language: 'tsx',
                type: 'code',
                code: SkeletonInheritWidthSrc,
            },
        },
    },
};
export const InheritHeight = {
    args: {
        children: undefined,
        shape: 'rectangular',
        height: undefined,
        width: undefined,
        onBackground: 'default',
        isLoading: true,
    },
    render: SkeletonInheritHeight,
    parameters: {
        docs: {
            source: {
                language: 'tsx',
                type: 'code',
                code: SkeletonInheritHeightSrc,
            },
        },
    },
};
export const FullExample = {
    args: {
        children: undefined,
        shape: 'rectangular',
        height: undefined,
        width: undefined,
        onBackground: 'default',
        isLoading: true,
    },
    render: SkeletonFullExample,
    parameters: {
        docs: {
            source: {
                language: 'tsx',
                type: 'code',
                code: SkeletonFullExampleSrc,
            },
        },
    },
};
//# sourceMappingURL=skeleton.stories.js.map