ButtonBase

Purpose

Base button component providing common button functionality and styling foundation for other button components.

Installation

# pnpm (recommended)
pnpm add @hautechai/webui.buttonbase

# npm
npm install @hautechai/webui.buttonbase

# yarn
yarn add @hautechai/webui.buttonbase

Parameters

| Parameter | Type | Description | | --------- | ---------------------------------------------- | ------------------------------------------------------------------- | | id | string | Optional identifier for the button element | | className | string | Optional CSS class name for custom styling | | onClick | ComponentProps['onClick'] | Optional click event handler function | | disabled | boolean | When true, disables button interaction and applies disabled styling | | stretch | boolean | When true, button expands to fill available width | | children | React.ReactNode | Content to be displayed within the button |

Usage Example

<ButtonBase onClick={handleClick} stretch={true} className="custom-button">
    Custom Button Content
</ButtonBase>