Open dhavalveera opened 3 months ago
Latest commit: cff0a5070844bce371330ec7f9cb87307632b291
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
flowbite-react | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Apr 3, 2024 8:20am |
flowbite-react-storybook | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Apr 3, 2024 8:20am |
The update introduces a new PhoneInput
component for React applications, enhancing forms with a phone number input field. This component, part of the Flowbite library, supports customization through themes, includes responsiveness, dark mode, right-to-left layout compatibility, and is accompanied by documentation, example usage, and Storybook stories. Additionally, it incorporates unit tests and theming options to ensure accessibility and consistent styling across applications.
File Path | Change Summary |
---|---|
apps/web/content/docs/forms/phone-input.mdx |
Introduced documentation for the new React phone input component. |
apps/web/data/docs-sidebar.ts |
Added "Phone Input" entry to documentation sidebar. |
apps/web/examples/.../index.ts , .../phoneInput/index.ts |
Exported phoneInput component and its variations. |
packages/ui/src/components/PhoneInput/... |
Introduced PhoneInput component, its stories, tests, and theming. |
packages/ui/src/.../Flowbite/FlowbiteTheme.ts |
Added phoneInput property to FlowbiteTheme interface. |
packages/ui/src/components/PhoneInput/PhoneInput.spec.tsx |
Added tests for PhoneInput component. |
packages/ui/src/components/PhoneInput/PhoneInput.stories.tsx |
Added Storybook stories for PhoneInput . |
packages/ui/src/components/PhoneInput/PhoneInput.tsx |
Created PhoneInput component for phone number input. |
packages/ui/src/components/PhoneInput/index.ts |
Exported PhoneInput component and related types. |
PhoneInput
component with comprehensive documentation, examples, and testing could serve as a model for addressing the request for a Search Input
documentation page. Both involve enhancing the library with new components and ensuring they are well-documented and tested.In the world of forms and UI delight,
APhoneInput
component steps into the light.
With icons and themes, it makes its claim,
To simplify inputs, that's its main aim.
🐇 Hops around, with a coder's glee,
For making forms better, as easy as can be.
🎉 Celebrate this code, both clean and bright,
Enhancing the web, with every byte.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
@SutuSebastian - can you please review?
Implemented the phone input component from Flowbite package into our Flowbite React project. This enhancement empowers users to conveniently input phone numbers within forms. The integration seamlessly aligns with Flowbite's design principles and ensures consistency across the project.
Summary by CodeRabbit
New Features
Documentation
Tests
Refactor