UNPKG

yrd-ui

Version:

npx create-react-app --template typescript yrd-ui

28 lines (27 loc) 969 B
import React from "react"; export type ButtonSize = 'lg' | 'sm'; export type ButtonType = 'primary' | 'default' | 'danger' | 'link'; interface BaseButtonProps { className?: string; /**设置 Button 的禁用 */ disabled?: boolean; /**设置 Button 的尺寸 */ size?: ButtonSize; /**设置 Button 的类型 */ btnType?: ButtonType; children: React.ReactNode; href?: string; } type NativeButtonProps = BaseButtonProps & React.ButtonHTMLAttributes<HTMLElement>; type AnchorButtonProps = BaseButtonProps & React.AnchorHTMLAttributes<HTMLElement>; export type ButtonProps = Partial<NativeButtonProps & AnchorButtonProps>; /** * 页面中最常用的的按钮元素,适合于完成特定的交互,支持 HTML button 和 a 链接 的所有属性 * ### 引用方法 * * ```javascript * import { Button } from 'yrd-ui' * ``` */ export declare const Button: React.FC<ButtonProps>; export default Button;