ds-smart-ui
Version:
Smart UI v1.0.5 — A production-ready React component library by PT Praisindo Teknologi. Covers inputs, navigation, data display, feedback, and layout with a unified design system, semantic Typography tokens, and full Storybook documentation.
263 lines (262 loc) • 6.99 kB
TypeScript
import { StoryObj } from '@storybook/react-vite';
declare const meta: {
title: string;
component: ({ initialValue, initialOptions, ...props }: {
[x: string]: any;
initialValue?: string | undefined;
initialOptions?: {
label: string;
value: string;
}[] | undefined;
}) => import("react/jsx-runtime").JSX.Element;
parameters: {
layout: string;
docs: {
description: {
component: string;
};
};
};
tags: string[];
argTypes: {
label: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
placeholder: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
size: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
rounded: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
color: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
enableAdd: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
enableDelete: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
labelAdd: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
labelNotFound: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
helperText: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
error: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
required: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
disabled: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
isLoading: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
initialOptions: {
control: false;
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
initialValue: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
};
args: {
onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
onAdd: import('@vitest/spy').Mock<(...args: any[]) => any>;
onDelete: import('@vitest/spy').Mock<(...args: any[]) => any>;
label: string;
placeholder: string;
size: string;
rounded: string;
color: string;
enableAdd: boolean;
enableDelete: boolean;
labelAdd: string;
labelNotFound: string;
error: boolean;
required: boolean;
disabled: boolean;
isLoading: boolean;
initialValue: string;
initialOptions: {
label: string;
value: string;
}[];
};
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Default: Story;
export declare const AllSizes: Story;
export declare const AllColors: Story;
export declare const AllRounded: Story;
export declare const WithAddFunctionality: Story;
export declare const WithDeleteFunctionality: Story;
export declare const CompleteCRUD: Story;
export declare const FormStates: Story;
export declare const RealWorldExamples: Story;
export declare const LongOptionsList: Story;
export declare const PreselectedValue: Story;
export declare const Loading: Story;
export declare const WithError: Story;
export declare const Required: Story;
export declare const Disabled: Story;
export declare const Large: Story;
export declare const Small: Story;
export declare const FullyRounded: Story;
export declare const NoRounding: Story;