Skip to content

Button

Interfaces

ButtonProps

Defined in: button.types.ts:9

The Button component properties.

Extends

  • unknown<JSX.ButtonHTMLAttributes<HTMLInputElement>>.unknown

Properties

color?

optional color: any

Defined in: button.types.ts:26

The color of the button.

Default
'primary';
disabled?

optional disabled: boolean

Defined in: button.types.ts:45

Whether the button is disabled.

Default
false;
icon?

optional icon: any

Defined in: button.types.ts:31

The icon that should be rendered to the left of the button’s content. Supports both IconifyIcon and JSX.Element.

loader?

optional loader: Element

Defined in: button.types.ts:55

An alternative loader to be displayed instead of the default loading indicator.

Default
undefined;
loading?

optional loading: boolean

Defined in: button.types.ts:50

Whether the button is loading. This will display a loading indicator and disable the button.

Default
false;
onClick()?

optional onClick: (event) => void

Defined in: button.types.ts:60

A callback that will be called when the button is clicked.

Parameters
event

MouseEvent

The click event.

Returns

void

rounded?

optional rounded: boolean

Defined in: button.types.ts:40

If enabled, the icon will be rounded and no content besides the icon will be displayed.

Default
false;
size?

optional size: ControlSize

Defined in: button.types.ts:16

The size of the button.

Default
undefined;
title?

optional title: string

Defined in: button.types.ts:35

The title of the button.

variant?

optional variant: "contained" | "outlined" | "colored"

Defined in: button.types.ts:21

The variant of the button.

Default
'contained';

Variables

Button

const Button: Component<ButtonProps>

Defined in: button.component.tsx:11

A flexible button component.

Param

ButtonProps

Returns

The button component.