rcaferati/react-awesome-button
React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱
5 Releases
Latest: 1mo ago
v8.1.0Latest
✨ Added
- Added `textTransition` to `AwesomeButton` for string-only animated label changes.
- Added `showProgressBar` to `AwesomeButtonProgress` to support loading/result text without the dark progress bar.
- Added `progressLoadingTime` to `AwesomeButtonProgress` for runtime progress bar timing control.
- Added Storybook coverage for multiple auto-size buttons, text transition, custom progress timing, no-progress-bar mode, and bundled theme showcases.
📦 Improved
- Auto-width buttons now snap internal content and label widths to whole pixels to avoid subpixel drift and half-pixel animation flicker.
- Partial press releases now use an explicit `aws-btn--releasing` phase so interrupted presses return with deterministic release easing.
- Progress buttons now fully hide the original foreground content during loading/result overlays, preventing ellipsis or label ghosting.
- Controlled `active` state and custom `className` behavior are now more stable across themed/CSS-module usage.
🐛 Fixed
- Fixed controlled `active` not applying consistently on initial render and prop changes.
- Fixed custom `className` being dropped when `cssModule` theme mappings are used.
- Fixed progress loading text overlap caused by fixed-width label ellipsis leaking through the overlay.
- Fixed progress stories rendering unthemed in Storybook.
v8.0.0
📦 v8 — Scoped package, modern build, Storybook refresh
- This release introduces the v8 line under the new scoped package:
- Package rename: `@rcaferati/react-awesome-button` (the old `react-awesome-button` is deprecated and v7 is end-of-life)
- Modern library build: ESM + CJS outputs via `tsup`, with proper subpath exports:
- `@rcaferati/react-awesome-button`
- `@rcaferati/react-awesome-button/AwesomeButton`
- `@rcaferati/react-awesome-button/AwesomeButtonProgress`
- `@rcaferati/react-awesome-button/AwesomeButtonSocial`
- Updated styling + theming: blue theme module wiring (`cssModule`) and default CSS entry (`styles.css`)
- + 3 more
📦 Install / upgrade
- ```bash
- npm i @rcaferati/react-awesome-button
- ```
v7.0.1
📋 Changes
- Refactored w/ built-in typescript and react hooks
- Removed customizer
v6.1.0
v6.0.0
