This pull request introduces a new FileInput component, re-factored to leverage the capabilities of Solid.js. It incorporates the use of solid-js core functionalities, tailwind-merge for class merging, and custom utilities for deep merging theme properties. This component is designed to be easily theme-able and extendable, adhering to the design system's theming approach.
Summary
Introduced a new FileInput component as a Solid.js component in src/components/FileInput/FileInput.tsx.
Utilized solid-js functionalities such as Component, mergeProps, and splitProps for component properties management.
Integrated tailwind-merge for conditional class merging, enhancing the component's adaptability to different styling needs.
Implemented a theming capability using a custom mergeDeep utility function, allowing for deep merging of theme overrides specified through props.
Defined a FlowbiteFileInputTheme interface to ensure type safety and clarity in theming the FileInput component.
The component is made flexible with an accept prop for specifying accepted file types and a class prop for additional styling.
Added an export entry for the FileInput component in src/components/FileInput/index.ts for easy importation.
Fixes #44.
🎉 Latest improvements to Sweep:
New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
Description
This pull request introduces a new
FileInput
component, re-factored to leverage the capabilities of Solid.js. It incorporates the use ofsolid-js
core functionalities,tailwind-merge
for class merging, and custom utilities for deep merging theme properties. This component is designed to be easily theme-able and extendable, adhering to the design system's theming approach.Summary
FileInput
component as a Solid.js component insrc/components/FileInput/FileInput.tsx
.solid-js
functionalities such asComponent
,mergeProps
, andsplitProps
for component properties management.tailwind-merge
for conditional class merging, enhancing the component's adaptability to different styling needs.mergeDeep
utility function, allowing for deep merging of theme overrides specified through props.FlowbiteFileInputTheme
interface to ensure type safety and clarity in theming theFileInput
component.accept
prop for specifying accepted file types and aclass
prop for additional styling.FileInput
component insrc/components/FileInput/index.ts
for easy importation.Fixes #44.
🎉 Latest improvements to Sweep:
💡 To get Sweep to edit this pull request, you can: