@yandex/ui
Version:
Yandex UI components
51 lines (50 loc) • 4.85 kB
TypeScript
/// <reference types="react" />
import { ExtractProps } from '@bem-react/core';
export * from '../Button@desktop';
export declare const Button: import("react").StatelessComponent<{
addonAfter?: import("react").ReactNode;
addonBefore?: import("react").ReactNode;
autoComplete?: string | null | undefined;
checked?: boolean | undefined;
icon?: import("../Icon/Button-Icon").IconProvider | undefined;
iconLeft?: import("../Icon/Button-Icon").IconProvider | undefined;
iconRight?: import("../Icon/Button-Icon").IconProvider | undefined;
innerRef?: import("../../typings/utility-types").Maybe<import("react").Ref<HTMLElement>>;
controlRef?: import("react").RefObject<import("../Button").ContainerElement> | undefined;
pressKeys?: import("../../lib/keyboard").KeyboardKeys[] | undefined;
progress?: boolean | undefined;
prvntKeys?: import("../../lib/keyboard").KeyboardKeys[] | undefined;
as?: "symbol" | "object" | "big" | "link" | "small" | "sub" | "sup" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
children?: import("react").ReactNode;
type?: string | undefined;
disabled?: boolean | undefined;
className?: string | undefined;
id?: string | undefined;
onKeyDown?: ((event: import("react").KeyboardEvent<import("../Button").ContainerElement>) => void) | undefined;
onKeyUp?: ((event: import("react").KeyboardEvent<import("../Button").ContainerElement>) => void) | undefined;
onClick?: ((event: import("react").MouseEvent<import("../Button").ContainerElement, MouseEvent>) => void) | undefined;
onMouseDown?: ((event: import("react").MouseEvent<import("../Button").ContainerElement, MouseEvent>) => void) | undefined;
onMouseUp?: ((event: import("react").MouseEvent<import("../Button").ContainerElement, MouseEvent>) => void) | undefined;
onMouseLeave?: ((event: import("react").MouseEvent<import("../Button").ContainerElement, MouseEvent>) => void) | undefined;
onBlur?: ((event: import("react").FocusEvent<import("../Button").ContainerElement>) => void) | undefined;
title?: string | undefined;
role?: string | undefined;
} & {} & {
pin?: "brick-brick" | "brick-circle" | "brick-clear" | "brick-round" | "circle-brick" | "circle-circle" | "circle-clear" | "clear-brick" | "clear-circle" | "clear-clear" | "clear-round" | "round-brick" | "round-clear" | undefined;
} & {
size?: "s" | "m" | "l" | undefined;
} & {
theme?: "link" | "normal" | "clear" | "action" | "pseudo" | "raised" | "websearch" | undefined;
} & {
type?: "link" | "submit" | undefined;
url?: string | undefined;
target?: string | undefined;
rel?: string | undefined;
href?: string | undefined;
tabIndex?: number | undefined;
} & {
width?: "auto" | "max" | undefined;
} & {
view?: "link" | "default" | "clear" | "action" | "pseudo" | "raised" | undefined;
} & import("../_baseline/Button_baseline").IButtonBaselineProps>;
export declare type IButtonProps = ExtractProps<typeof Button>;