Button

This is a basic button component.

Installation

import { Button } from 'uxp/components';

Signature

const Button: React.FunctionComponent<ButtonProps>

Examples

<Button
     title="Click"
     onClick={() => {alert("Clicked")}}
 />

<Button
     title="Click"
     onClick={() => {alert("Clicked")}}
     leftIcon="https://static.iviva.com/images/lucy-logo.svg"
     loading={isLoading}
     loadingTitle="Loading..."
     className="custom-css-class"
/>

Properties

Name	Type	Mandatory	Default Value	Example Value
title	string	No	-	-
leftIcon	ButtonIcon	No	-	-
rightIcon	ButtonIcon	No	-	-
className	string	No	-	-
onClick	(e?: React.MouseEvent) => void | Promise	No	-	-
onError	(e: React.MouseEvent) => void	No	-	-
loading	boolean	No	-	-
loadingTitle	string	No	-	-
active	boolean	No	-	-
disabled	boolean	No	-	-
styles	React.CSSProperties	No	-	-
iconStyles	React.CSSProperties | { leftIcon?: React.CSSProperties, rightIcon?: React.CSSProperties }	No	-	-
type	"button" | "submit" | "reset"	No	-	-
variant	'primary' | 'secondary' | 'danger'	No	-	-
iconOnly	boolean	No	-	-
icon	string	No	-	-
iconPosition	'left' | 'right'	No	-	-
useLoadingSpinner	boolean	No	-	-

Related Types

• ButtonProps

• ButtonIcon

• PHIconProp

• PHIconPrefix