fui-fancyui/dist/src/components/organisms/FancyNumberInput/docu/FancyNumberInput.stories.d.ts

FancyUI Libary

import { StoryObj } from '@storybook/react';
declare const meta: {
    component: import('react').ForwardRefExoticComponent<{
        autoWidth?: boolean;
        step?: number;
        decimalPlaces?: number;
    } & import('../../../atoms/RawInput').TRawInput & import('../../../atoms/NumberInput').TNumberInputNativeAttrs & import('../../../molecules/InputWrapper').TInputWrapperUserInputProps & {
        autoWidth?: boolean;
    } & import('react').RefAttributes<HTMLInputElement>>;
    title: string;
    parameters: {
        docs: {
            description: {
                component: string;
            };
        };
    };
    argTypes: {
        systemMessage: {
            description: string;
            control: {
                type: "object";
            };
        };
        placeholder: {
            description: string;
            control: {
                type: "text";
            };
        };
        icon: {
            description: string;
            control: {
                type: "object";
            };
        };
        value: {
            description: string;
            control: {
                type: "text";
            };
        };
        transparentBackground: {
            description: string;
            control: {
                type: "boolean";
            };
        };
        externalStyle: {
            description: string;
            control: {
                type: "object";
            };
        };
        labelVariant: {
            description: string;
            control: {
                type: "select";
            };
        };
        underline: {
            description: string;
            control: {
                type: "boolean";
            };
        };
        outlined: {
            description: string;
            control: {
                type: "boolean";
            };
        };
        outlinedBackgroundStrength: {
            description: string;
            control: {
                min: number;
                max: number;
                step: number;
                type: "number";
            };
        };
        autoWidth: {
            description: string;
            control: {
                type: "boolean";
            };
        };
        step: {
            description: string;
            type: {
                name: "number";
            };
        };
        themeType: {
            description: string;
            control: {
                type: "select";
            };
            options: ("primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent" | undefined)[];
            table: {
                defaultValue: {
                    summary: "primary" | "accent" | "secondary" | "info" | "success" | "warning" | "error" | "transparent";
                };
            };
        };
        layer: {
            description: string;
            control: {
                type: "range";
                min: number;
                max: number;
            };
            table: {
                defaultValue: {
                    summary: string;
                };
            };
        };
        label: {
            description: string;
            control: {
                type: "text";
            };
        };
        align: {
            description: string;
            control: {
                type: "select";
            };
        };
        disabled: {
            description: string;
            control: {
                type: "boolean";
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Primary: Story;
export declare const WithErrorState: Story;
export declare const WithSuccessState: Story;
export declare const WithInfoState: Story;
export declare const WithDisabledState: Story;