Skip to content

feat(SegmentedControl): allow square display for icon items#2722

Merged
syeo66 merged 4 commits into
mainfrom
feat/allow-square-items-in-segmented-control
May 21, 2026
Merged

feat(SegmentedControl): allow square display for icon items#2722
syeo66 merged 4 commits into
mainfrom
feat/allow-square-items-in-segmented-control

Conversation

@syeo66
Copy link
Copy Markdown
Contributor

@syeo66 syeo66 commented May 12, 2026

Summary

Adds an iconOnly prop to SegmentedControl.Item that renders the item as a square sized to match the control's height (36×36). Intended for items that contain only an icon,

API

<SegmentedControl.Root defaultValue="view">
    <SegmentedControl.Item value="view" iconOnly>
        <IconEye size={20} />
    </SegmentedControl.Item>
    <SegmentedControl.Item value="edit" iconOnly>
        <IconPen size={20} />
    </SegmentedControl.Item>
</SegmentedControl.Root>
Screenshot 2026-05-12 at 11 36 00

@syeo66 syeo66 self-assigned this May 12, 2026
@syeo66 syeo66 requested a review from a team as a code owner May 12, 2026 09:36
@syeo66 syeo66 requested a review from jcosta33 May 12, 2026 09:36
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 12, 2026

🦋 Changeset detected

Latest commit: d38eda5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@frontify/fondue-components Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link
Copy Markdown

netlify Bot commented May 12, 2026

Deploy Preview for fondue-components ready!

Name Link
🔨 Latest commit d38eda5
🔍 Latest deploy log https://app.netlify.com/projects/fondue-components/deploys/6a0da528c0f92d00085612f6
😎 Deploy Preview https://deploy-preview-2722.components.fondue-components.frontify.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@syeo66 syeo66 marked this pull request as draft May 12, 2026 10:53
@syeo66 syeo66 closed this May 12, 2026
@github-actions
Copy link
Copy Markdown
Contributor

Lead time: 4 hours, 54 minutes, 47 seconds (4.91 total hours) from first commit to close.
Review time: 0 seconds (0 total hours) from ready for review to close.

  • First commit: 12.5.2026, 11:33:23.
  • Ready for review: N/A.
  • Closed: 12.5.2026, 16:28:10.

@syeo66 syeo66 reopened this May 20, 2026
@syeo66 syeo66 marked this pull request as ready for review May 20, 2026 12:06
@syeo66 syeo66 enabled auto-merge (squash) May 20, 2026 12:16
@syeo66 syeo66 merged commit 70612d4 into main May 21, 2026
9 checks passed
@syeo66 syeo66 deleted the feat/allow-square-items-in-segmented-control branch May 21, 2026 07:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants