Skip to content

✨ Feat: Documentation and Examples for Badge, Command, MultiSelect and Popover#82

Merged
jjgouveia merged 6 commits intodevelopfrom
feat-add-some-components
Dec 25, 2025
Merged

✨ Feat: Documentation and Examples for Badge, Command, MultiSelect and Popover#82
jjgouveia merged 6 commits intodevelopfrom
feat-add-some-components

Conversation

@lucasadsr
Copy link
Member

📚 Documentation and Examples for Badge, Command, MultiSelect and Popover

This PR adds new documentation and interactive example components for the Badge, Command, and MultiSelect UI components, with a strong focus on improving the developer experience. It also includes new dependencies to support form validation and enhanced UI functionality.


📖 Documentation and Examples

  • Added comprehensive documentation for the Badge component, including:

    • Usage guidelines
    • Best practices
    • Accessibility notes
    • Props descriptions
    • Interactive code examples
      (src/components/docs/contents/badge.tsx)
  • Introduced a set of interactive examples for the MultiSelect component, demonstrating:

    • Local state usage
    • Integration with React Hook Form and Zod
    • Maximum selection limits
    • Disabled state handling
    • Real-world use cases
      (src/components/docs/contents/multi-select/multi-select-examples.tsx)
  • Added interactive examples for the Command component, including:

    • A command dialog preview
    • A controlled command input example
      (src/components/docs/contents/command/command-examples.tsx)
  • Added Popover examples for the component


📦 Dependency Updates

  • Added new dependencies to package.json to support form validation and UI components:
    • @hookform/resolvers
    • react-hook-form
    • zod
    • @radix-ui/react-dialog
    • @radix-ui/react-popover
    • cmdk

Result: richer documentation, practical and interactive examples, and a more robust dependency foundation for building modern, well-validated user interfaces.

@lucasadsr lucasadsr self-assigned this Dec 22, 2025
@vercel
Copy link

vercel bot commented Dec 22, 2025

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

Project Deployment Review Updated (UTC)
ui Ready Ready Preview, Comment Dec 22, 2025 6:42pm

Copy link
Contributor

@MarcosvBueno MarcosvBueno left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

It's interesting to test each component individually after running the registry.

@jjgouveia
Copy link
Contributor

I'll merge this branch just because we need to validate the new style-guided (such as ShadCN) components behaviour. Good luck for us, bros!

@jjgouveia jjgouveia merged commit 04d15ce into develop Dec 25, 2025
2 checks passed
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.

3 participants