welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
16 lines (15 loc) • 689 B
TypeScript
import { ButtonProps as AriakitButtonProps } from '@ariakit/react';
import { ReactNode } from 'react';
import { MergeProps } from '../../utils/forwardRefWithAs';
export type ButtonProps = MergeProps<ButtonOptions, AriakitButtonProps>;
export type ButtonShape = 'circle' | 'default' | 'square';
export type ButtonSize = 'lg' | 'md' | 'sm' | 'xs';
export type ButtonVariant = 'ghost' | 'ghost-ai' | 'ghost-danger' | 'primary' | 'primary-ai' | 'primary-danger' | 'secondary' | 'tertiary' | 'tertiary-ai' | 'tertiary-danger';
interface ButtonOptions {
children?: ReactNode;
isLoading?: boolean;
shape?: ButtonShape;
size?: ButtonSize;
variant?: ButtonVariant;
}
export {};