UNPKG

@restart/ui

Version:

Utilities for creating robust overlay components

51 lines (50 loc) 1.98 kB
import * as React from 'react'; export type ButtonType = 'button' | 'reset' | 'submit'; export interface AnchorOptions { href?: string; rel?: string; target?: string; } export interface UseButtonPropsOptions extends AnchorOptions { type?: ButtonType; disabled?: boolean; onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>; tabIndex?: number; tagName?: keyof React.JSX.IntrinsicElements; role?: React.AriaRole | undefined; } export declare function isTrivialHref(href?: string): boolean; export interface AriaButtonProps { type?: ButtonType | undefined; disabled: boolean | undefined; role?: React.AriaRole; tabIndex?: number | undefined; href?: string | undefined; target?: string | undefined; rel?: string | undefined; 'aria-disabled'?: true | undefined; onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void; onKeyDown?: (event: React.KeyboardEvent) => void; } export interface UseButtonPropsMetadata { tagName: React.ElementType; } export declare function useButtonProps({ tagName, disabled, href, target, rel, role, onClick, tabIndex, type, }: UseButtonPropsOptions): [AriaButtonProps, UseButtonPropsMetadata]; export interface BaseButtonProps { /** * Control the underlying rendered element directly by passing in a valid * component type */ as?: keyof React.JSX.IntrinsicElements | undefined; /** The disabled state of the button */ disabled?: boolean | undefined; /** Optionally specify an href to render a `<a>` tag styled as a button */ href?: string | undefined; /** Anchor target, when rendering an anchor as a button */ target?: string | undefined; rel?: string | undefined; } export interface ButtonProps extends BaseButtonProps, React.ComponentPropsWithoutRef<'button'> { } declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>; export default Button;