Pricing

Segmented changelog

  • 2026-09-21: Unified the usage guide, source property table, and Site / AI reading entry points. Documentation only; component behavior is unchanged.

v1.2.2 (2026-08-14)

  • The icon-toggle variant now inherits Tab’s 20px background blur.

v1.2.1 (2026-08-14)

  • The default pill variant now inherits the same 20px background blur and public override as Tab and SearchBox.

v1.2.0 (2026-07-05)

Architecture changes

  • Formally specialized Segmented as a Tab host component. Compatible Tab Props are inferred from the host type and flattened.

  • Removed parts.Tab. The built-in Button still uses parts.Button; explicit Buttons configure their Props directly.

  • Fixed an empty children snippet truncating items mode and preventing Tab from creating built-in Buttons.

  • Moved the Form hidden input after the Tab root, keeping Tab as the primary host.

v1.1.1 (2026-06-23)

Aligned with Tab

  • Item size style precedence now matches Tab: style > class > Button size > Tab size.

v1.1.0 (2026-06-23)

Aligned with Tab

  • Inherited variant="bare", 12/16/20px gaps, an indicator-free appearance, and text / Icon content support.

  • Inherited the Tab size → Button Item size context; Segmented does not duplicate Button size definitions.

v1.0.5 (2026-06-21)

Motion and composition contract

  • Inherited the Tab icon-toggle indicator movement fix. Size changes now use the default Frame size motion bridge.

  • Explicitly forwards enableDefaultMotion, enabled by default.

  • Added as="item" to Button children in every Test example.

v1.0.4 (2026-06-18)

Motion restoration

  • At this point it used the dedicated Tabs sliding timing from Tab; starting in v1.0.5 it moved to the Frame transform / size motion bridge.

v1.0.3 (2026-05-31)

Style adjustments

  • Inherited Tab v1.0.3: active Text / Icon use --static-black-100 in pill / icon-toggle, --primary in underline, and the default Button color chain in solid. Inactive items consistently use --black-100 × opacity: 0.4.

  • The background slider reused Tab’s transitions.dev Tabs sliding timing: position and dimensions both use 250ms and cubic-bezier(0.22, 1, 0.36, 1); initial placement and resize do not animate.

  • Added Icons to the examples for all four variants to show the same color inheritance as Tab.

v1.0.2 (2026-05-31)

Style adjustments

  • Inherited Tab v1.0.2: inactive Text / Icon retain Button’s default --black-100, while active Text / Icon use --static-black-100. The inactive 40% appearance still comes from overall opacity: 0.4.

v1.0.1 (2026-05-31)

Style adjustments

  • Inherited Tab v1.0.1: removed the 40% color-value path for inactive Items in favor of opacity: 0.4; hover / active use opacity: 1.

v1.0.0 (2026-05-20)

New features

  • Initial implementation: a thin Tab wrapper with fixed role="radiogroup", itemRole="radio", and selectionFollowsFocus=true.

  • Supports the name attribute for Form integration and renders an internal hidden input to expose value to native form submission.

  • Supports Figma fill width and shares equal-width child-item styling with Tab.