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.
190 lines (189 loc) • 4.94 kB
TypeScript
import { StoryObj } from '@storybook/react-vite';
import { ButtonColorTypes, ButtonVariantTypes } from '../../../types/button-types';
declare const meta: {
title: string;
component: import('react').ForwardRefExoticComponent<Omit<import('./Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
parameters: {
layout: string;
docs: {
description: {
component: string;
};
};
};
tags: string[];
argTypes: {
variant: {
control: "select";
options: ButtonVariantTypes[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
color: {
control: "select";
options: ButtonColorTypes[];
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;
};
};
};
labelPosition: {
control: "select";
options: string[];
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;
};
};
};
isSkeleton: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
fullWidth: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
children: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
};
};
startIcon: {
control: false;
description: string;
table: {
type: {
summary: string;
};
};
};
endIcon: {
control: false;
description: string;
table: {
type: {
summary: string;
};
};
};
href: {
control: "text";
description: string;
table: {
type: {
summary: string;
};
};
};
};
args: {
onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
children: string;
variant: string;
color: string;
size: string;
rounded: string;
labelPosition: string;
isLoading: boolean;
disabled: boolean;
fullWidth: boolean;
isSkeleton: boolean;
};
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Playground: Story;
export declare const Variants: Story;
export declare const Sizes: Story;
export declare const Rounded: Story;
export declare const WithIcons: Story;
export declare const States: Story;
export declare const FullWidth: Story;
export declare const AsLink: Story;