feat: add Toolbar

[rohanchkrabrty]

Summary

• Add new Toolbar component wrapping Base UI Toolbar primitive
• Sub-components: Root, Button, Group, Separator, Link, Input
• Styles match Figma design (bordered container, vertical separators, group border reset)
• Toolbar.Button supports render prop for composition with Button/IconButton
• 16 tests covering rendering, ref forwarding, className merging, clicks, keyboard nav
• Docs page with anatomy, API reference, and examples (grouped, composition, disabled)
• Playground examples including Figma-matching icon toolbar

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Ready	Preview, Comment	Mar 12, 2026 11:18am

[coderabbitai]

Warning

Rate limit exceeded

@rohanchkrabrty has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 24 minutes and 9 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 41d6c689-acac-4f73-b73a-f20ebc8b28d8

📥 Commits

Reviewing files that changed from the base of the PR and between 6a23e71 and fa7fad6.

📒 Files selected for processing (10)

• apps/www/src/components/playground/index.ts
• apps/www/src/components/playground/toolbar-examples.tsx
• apps/www/src/content/docs/components/toolbar/demo.ts
• apps/www/src/content/docs/components/toolbar/index.mdx
• apps/www/src/content/docs/components/toolbar/props.ts
• packages/raystack/components/toolbar/__tests__/toolbar.test.tsx
• packages/raystack/components/toolbar/index.tsx
• packages/raystack/components/toolbar/toolbar.module.css
• packages/raystack/components/toolbar/toolbar.tsx
• packages/raystack/index.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat-toolbar

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}