FabButton
IntroStartFeaturesFloatingPanelsVersionsStylingAccessibilityExamplesPlayground
DocumentationFabButton

Versions

This page summarizes the root package changelog from the local fab-button repository plus the 1.6.0 documentation update notes. The current documentation covers the public features visible through @rezafab/fab-button 1.6.0.

1.6.0 - 2026-05-18

  • Added floating button mode with floating.
  • Added 3x3 viewport positioning with floatingPosition.
  • Added configurable viewport spacing with floatingOffset.
  • Added floating menu trigger label with floatingMenuLabel.
  • Added attached section panels:
    • panel
    • panelTitle
    • panelClassName
    • panelStyle
    • panelAriaLabel
  • React and Vue panel render functions receive { close, key }.
  • React, Vue, and Svelte floating mode automatically collapses sections into a menu toggle.
  • Web Component supports floating positioning attributes, but not built-in collapsible menu or attached panels.
  • Fixed floating dropdown radius behavior so shape="pill" does not create oversized rounded dropdowns.
  • Added attached panel styling hooks:
    • .fab-button__attached-panel
    • .fab-button__attached-panel-header
    • .fab-button__attached-panel-title
    • .fab-button__attached-panel-close
    • .fab-button__attached-panel-body

1.5.3 - 2026-05-12

  • Fixed the release flow so workspace packages are published before the root @rezafab/fab-button package.
  • Avoids leaking workspace:* metadata into npm package metadata.

1.5.2 - 2026-05-12

  • Republished with pnpm workspace flow so workspace dependencies are converted correctly for external installs.

1.5.1 - 2026-05-12

  • Fixed package publishing through the pnpm workspace flow.

1.5.0 - 2026-05-07

  • Added role and permission section guard helpers: visibleWhen(...) and disabledWhen(...).
  • Added runtime section guard resolution for React, Vue, and Svelte.
  • Added split-button preset for grouped actions in React, Vue, and Svelte:
    • actionPreset="split"
    • splitButtonMenuLabel
    • splitButtonTriggerSide
    • last selected dropdown action promoted as the next primary action
  • Added action analytics across React, Vue, Svelte, and Element:
    • onSectionAction
    • metadata shape: { key, index, source }
    • sources: click, shortcut, and keyboard-nav
  • Updated adapter re-exports for guard helpers and the FabButtonSectionGuard type.

1.4.0 - 2026-05-05

  • Added built-in section confirmation via confirm: true | { title, description }.
  • Added Storybook SectionConfirmFlow demo.
  • Added per-section async feedback states:
    • loading
    • success
    • error
  • Added promise-aware auto handling and manual asyncState override support.
  • Added asyncFeedbackDuration.
  • Added automatic shortcut hint UI from shortcut and shortcutId.
  • Added responsive overflow mode:
    • overflowMode
    • overflowBreakpoint
    • overflowVisibleCount
    • overflowMenuLabel

1.3.0 - 2026-05-05

  • Added built-in keyboard shortcuts via shortcut and shortcutId across React, Vue, Svelte, and Element.
  • Added complete keyboard ID map exports:
    • FAB_BUTTON_SHORTCUT_ID_TO_CODE
    • FAB_BUTTON_SHORTCUT_CODE_TO_ID
  • Added shortcut token matching for key, code, keycode, and ID token formats.
  • Added adapter metadata attributes:
    • data-shortcut
    • data-shortcut-id
  • Added Storybook reference story for the full keyboard shortcut ID map.

1.2.0 - 2026-05-05

  • Added @rezafab/fab-button-theme-tokens.
  • Added shared tokens.css variables and JS/TS token exports.
  • Refactored default styles to consume shared theme tokens.
  • Added root package exports:
    • ./theme-tokens
    • ./theme-tokens/tokens.css

1.1.0 - 2026-05-04

  • Added CSS mode configuration:
    • manual
    • library
  • Added library styling presets.
  • Added native theme support:
    • light
    • dark
    • system
  • Added theme-aware base styling.
  • Expanded Storybook with library mode, theme toolbar, dark theme examples, and keyboard shortcut demos.

1.0.0 - 2026-05-04

  • Set the major baseline to version 1.
  • Refined npm publish configuration to include only production files.
  • Added root export map for:
    • ./core
    • ./react
    • ./vue
    • ./svelte
    • ./element
    • CSS subpath exports
  • Added versioning guide and version bump scripts.

0.0.1

  • Initial published release of @rezafab/fab-button.

Documentation Coverage

The docs now cover these feature groups from the local repo:

  • React, Vue, Svelte, and Web Component usage
  • visual variants, sizes, shapes, flex/grid layout, and CSS variables
  • manual and library CSS modes
  • theme support and theme tokens
  • toolbar keyboard navigation
  • shortcuts and shortcut ID metadata
  • confirm flow
  • per-section async feedback
  • responsive overflow menu
  • floating button mode
  • floating 3x3 positioning and offset
  • attached section panels
  • split button preset
  • multi split button usage
  • action analytics
  • role/permission guards
  • disabled and loading states
  • unstyled/class-based styling
  • playground generation for React, Vue, Svelte, and Element