SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Components
Back to catalog
Component detail entry
General
@soybeanjs/ui
SButton

Button

Button belongs to the General category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.50.0

2026-10-02

Compare release

Refactor

fold the customizer example into the basic example

Scope: buttonAuthors: soybeanjsView commit0c88d

Style

refine button styles and update variant classes for better consistency

Scope: buttonAuthors: soybeanjsView commit95d42

Style

refine button styles and update variant classes for better consistency

Scope: buttonAuthors: soybeanjsView commit95d42

Refactor

fold the customizer example into the basic example

Scope: buttonAuthors: soybeanjsView commit0c88d

v0.23.0

2026-05-18

Compare release

Optimization

add data-normal attribute and update styles

Scope: buttonAuthors: soybeanfeView commit28d0a

v0.19.0

2026-05-11

Compare release

Optimization

introduce buttonIconVariants for consistent button styling

Scope: buttonAuthors: soybeanfeView commit21b77

v0.18.0

2026-05-05

Compare release

Optimization

update button props and event types for consistency

Scope: buttonAuthors: soybeanfeView commit43c2b

v0.13.3

2026-03-21

Compare release

Feature

add type prop to ButtonProps interface and update default props

Scope: buttonAuthors: soybeanjsView commit1a0b9

v0.0.20

2026-01-21

Compare release

Docs

update documentation for Button component, including overview, main features, and API details

Scope: buttonAuthors: soybeanjsView commit4d06f

v0.0.2

2025-11-18

Compare release

Feature

add Button component with various states and configurations, including loading, icon, and group functionalities

Scope: buttonAuthors: soybeanjsView commit62bf7

Feature

add ButtonLink component and integrate it into the button example, enhancing link functionalities

Scope: buttonAuthors: soybeanjsView commit81d56

Feature

add fitContent prop to button components for improved layout flexibility

Scope: buttonAuthors: soybeanjsView commit5479b

Fix

include 'fitContent' in omitted props for button component

Scope: buttonAuthors: soybeanjsView commita1cf7

Refactor

rename button components to use 'S' prefix, enhance ButtonGroup with default props for orientation and direction

Scope: buttonAuthors: soybeanjsView commit5be48

Refactor

consolidate button group and button icon variants into a single file, update imports, and enhance button icon class binding

Scope: buttonAuthors: soybeanjsView commitb2fee

Fix

include 'fitContent' in omitted props for button component

Scope: buttonAuthors: soybeanjsView commita1cf7

Feature

add Button component with various states and configurations, including loading, icon, and group functionalities

Scope: buttonAuthors: soybeanjsView commit62bf7

Feature

add ButtonLink component and integrate it into the button example, enhancing link functionalities

Scope: buttonAuthors: soybeanjsView commit81d56

Feature

add fitContent prop to button components for improved layout flexibility

Scope: buttonAuthors: soybeanjsView commit5479b

Refactor

rename button components to use 'S' prefix, enhance ButtonGroup with default props for orientation and direction

Scope: buttonAuthors: soybeanjsView commit5be48

Refactor

consolidate button group and button icon variants into a single file, update imports, and enhance button icon class binding

Scope: buttonAuthors: soybeanjsView commitb2fee