@contentstack/live-preview-utils/dist/legacy/visualBuilder/components/Collab/Button/Button.d.ts

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

import React from 'preact/compat';
import { JSX } from 'preact';
import { IconProps } from '../Icon/Icon.js';
import { iconComponents } from '../../icons/CollabIcons.js';

/** @jsxImportSource preact */

type IconName = keyof typeof iconComponents;
interface ButtonProps {
    buttonType?: "primary" | "secondary" | "tertiary" | "destructive";
    children?: React.ReactNode;
    className?: string;
    testId?: string;
    onClick?: JSX.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
    isLoading?: boolean;
    loadingColor?: "primary" | "secondary" | "tertiary" | "destructive";
    disabled?: boolean;
    type?: "button" | "submit" | "reset";
    style?: React.CSSProperties;
    href?: string;
    id?: string;
    size?: "large" | "small";
    icon?: IconName;
    iconProps?: Partial<IconProps>;
    iconAlignment?: "left" | "right" | "both";
}
declare const Button: React.FC<ButtonProps>;

export { Button as default };