bluelib/.storybook/preview.js

import BluelibTheme from "./BluelibTheme"


export const parameters = {
    argTypes: {
        bluelibClassNames: {
            type: "string",
            control: {type: "string"},
            description: "Additional Bluelib classNames to be appended to the element's classNames",
            table: {category: "Global props"}
        },
        builtinColor: {
            type: "string",
            options: ["", "red", "orange", "yellow", "lime", "cyan", "blue", "magenta", "gray"],
            control: {type: "select"},
            description: "Apply a Bluelib builtin color to the element",
            table: {category: "Global props"}
        },
        customColor: {
            type: "string",
            control: {type: "color"},
            description: "Apply a Bluelib custom color to the element",
            table: {category: "Global props"}
        },
        disabled: {
            type: "boolean",
            control: {type: "boolean"},
            description: "Apply the disabled status to an element",
            table: {category: "Global props"}
        }
    },
    options: {
        storySort: {
            order: [
                "Core",
                "Layouts",
                "Panels",
                "Chapters",
                "Separators",
                "Images",
                "Tables",
                "Lists",
                "Status",
                "Inputs",
                "Forms",
                "Common",
                "Annotations",
                "Semantics",
                "Colors",
                "Internals",
            ]
        }
    },
    panelPosition: "right",
    docs: {
        theme: BluelibTheme,
    }
}