@masaischool/lotus/dist/components/Button/Button.d.ts

Masai UI component library designed to work seamlessly with Chakra UI

import React, { HTMLAttributes, ReactNode } from 'react';
export interface Props extends HTMLAttributes<HTMLButtonElement> {
    /** Provide a text for button */
    children?: ReactNode;
    /** Which variant look would you like to use */
    variant?: 'primary' | 'secondary' | 'secondary-grey' | 'tertiary' | 'tertiary-grey' | 'link' | 'social-media';
    size?: 'sm' | 'md' | 'lg' | 'block-sm' | 'block-md' | 'block-lg';
    leftIcon?: React.ReactElement;
    rightIcon?: React.ReactElement;
    onlyIcon?: React.ReactElement;
    disabled?: boolean;
    position?: 'inherit' | 'initial' | 'unset' | 'fixed' | 'absolute' | 'static' | 'relative' | 'sticky';
    loading?: boolean;
    loaderSpeed?: string;
    loaderThickness?: string;
    loaderSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
}
/** This is a special button */
export declare const Button: ({ children, variant, size, onlyIcon, disabled, position, loading, loaderSpeed, loaderThickness, loaderSize, ...props }: Props) => JSX.Element;