Skip to content
ChatKit

Button

type Button = {
  block?: boolean;
  color?:
    | 'primary'
    | 'secondary'
    | 'info'
    | 'discovery'
    | 'success'
    | 'caution'
    | 'warning'
    | 'danger';
  disabled?: boolean;
  iconEnd?: WidgetIcon;
  iconSize?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
  iconStart?: WidgetIcon;
  id?: string;
  key?: string;
  label?: string;
  onClickAction?: ActionConfig;
  pill?: boolean;
  size?: ControlSize;
  style?: 'primary' | 'secondary';
  submit?: boolean;
  type: 'Button';
  uniform?: boolean;
  variant?: ControlVariant;
};

Properties

Section titled “Properties”

block?

Section titled “block?”
optional block: boolean;

color?

Section titled “color?”
optional color:
  | "primary"
  | "secondary"
  | "info"
  | "discovery"
  | "success"
  | "caution"
  | "warning"
  | "danger";

disabled?

Section titled “disabled?”
optional disabled: boolean;

iconEnd?

Section titled “iconEnd?”
optional iconEnd: WidgetIcon;

iconSize?

Section titled “iconSize?”
optional iconSize: "sm" | "md" | "lg" | "xl" | "2xl";

iconStart?

Section titled “iconStart?”
optional iconStart: WidgetIcon;

id?

Section titled “id?”
optional id: string;

key?

Section titled “key?”
optional key: string;

label?

Section titled “label?”
optional label: string;

onClickAction?

Section titled “onClickAction?”
optional onClickAction: ActionConfig;

pill?

Section titled “pill?”
optional pill: boolean;

size?

Section titled “size?”
optional size: ControlSize;

style?

Section titled “style?”
optional style: "primary" | "secondary";

submit?

Section titled “submit?”
optional submit: boolean;

type

Section titled “type”
type: 'Button';

uniform?

Section titled “uniform?”
optional uniform: boolean;

variant?

Section titled “variant?”
optional variant: ControlVariant;