107 lines
2.2 KiB
TypeScript
107 lines
2.2 KiB
TypeScript
import * as React from "react";
|
|
import ReactToolbox from "../index";
|
|
|
|
export interface ButtonTheme {
|
|
/**
|
|
* Used for the root in case button is accent.
|
|
*/
|
|
accent?: string;
|
|
/**
|
|
* Used for the root element in any button.
|
|
*/
|
|
button?: string;
|
|
/**
|
|
* Used when the button is flat for the root element.
|
|
*/
|
|
flat?: string;
|
|
/**
|
|
* Used when the button is floating for the root element.
|
|
*/
|
|
floating?: string;
|
|
/**
|
|
* For the icon inside a button.
|
|
*/
|
|
icon?: string;
|
|
/**
|
|
* Used when colors are inverted.
|
|
*/
|
|
inverse?: string;
|
|
/**
|
|
* Used for mini floating buttons.
|
|
*/
|
|
mini?: string;
|
|
/**
|
|
* Used for neutral colored buttons.
|
|
*/
|
|
neutral?: string;
|
|
/**
|
|
* Used for primary buttons when button is primary.
|
|
*/
|
|
primary?: string;
|
|
/**
|
|
* Used when the button is raised for root element.
|
|
*/
|
|
raised?: string;
|
|
/**
|
|
* Used for the ripple element.
|
|
*/
|
|
rippleWrapper?: string;
|
|
/**
|
|
* Used for toggle buttons in the root element.
|
|
*/
|
|
toggle?: string;
|
|
}
|
|
|
|
export interface ButtonBaseProps extends ReactToolbox.Props {
|
|
/**
|
|
* Indicates if the button should have accent color.
|
|
* @default false
|
|
*/
|
|
accent?: boolean;
|
|
/**
|
|
* Children to pass through the component.
|
|
*/
|
|
children?: React.ReactNode;
|
|
/**
|
|
* If true, component will be disabled.
|
|
* @default false
|
|
*/
|
|
disabled?: boolean;
|
|
/**
|
|
* Value of the icon (See Font Icon Component).
|
|
*/
|
|
icon?: React.ReactNode;
|
|
/**
|
|
* If true, the neutral colors are inverted. Useful to put a button over a dark background.
|
|
*/
|
|
inverse?: boolean;
|
|
/**
|
|
* Set it to false if you don't want the neutral styles to be included.
|
|
* @default true
|
|
*/
|
|
neutral?: boolean;
|
|
/**
|
|
* Fires after the mouse leaves the Component.
|
|
*/
|
|
onMouseLeave?: Function;
|
|
/**
|
|
* Fires after the mouse is released from the Component.
|
|
*/
|
|
onMouseUp?: Function;
|
|
/**
|
|
* Indicates if the button should have primary color.
|
|
* @default false
|
|
*/
|
|
primary?: boolean;
|
|
/**
|
|
* If true, component will have a ripple effect on click.
|
|
* @default true
|
|
*/
|
|
ripple?: boolean;
|
|
/**
|
|
* Component root container type.
|
|
* @default button
|
|
*/
|
|
type?: string;
|
|
}
|