React Checkbox Pro 1.5.0

React Checkbox Pro 1.5.0: New Features and Improvements

We're thrilled to announce the release of React Checkbox Pro 1.5.0! This major update brings significant improvements and new features that make our checkbox component even more versatile and easier to use.

🎯 Major Features

1. Non-Tailwind Support

We've added built-in CSS classes for users who prefer not to use Tailwind CSS. You can now use React Checkbox Pro without any Tailwind dependencies!

// Using without Tailwind
<Checkbox isWithoutTailwind>
  Custom Styled Checkbox
</Checkbox>
 
// With custom CSS classes
<Checkbox 
  className="my-custom-checkbox"
  isWithoutTailwind
>
  Custom Class Checkbox
</Checkbox>

2. Enhanced Icon Customization

The icon system has been completely revamped with animation support and more customization options.

// Custom checked and unchecked icons
<Checkbox
  checkedIcon={<CheckedIcon />}
>
  Custom Icons
</Checkbox>

3. Improved Form Integration

Better integration with popular form libraries and enhanced validation support.

// React Hook Form Integration
import { useForm } from 'react-hook-form'
 
function MyForm() {
  const { register } = useForm()
  
  return (
    <Checkbox
      {...register('terms')}
      helperText="Please accept the terms"
    >
      Accept Terms
    </Checkbox>
  )
}
 
// With Formik
import { Formik, Field } from 'formik'
 
<Formik>
  <Field
    component={Checkbox}
    name="subscribe"
  >
    Subscribe to newsletter
  </Field>
</Formik>

🔨 Technical Improvements

Enhanced TypeScript Support

Improved type definitions for better IDE support
New utility types for custom components
Better type inference for props

// Enhanced type support
interface CustomProps extends CheckboxProps {
  customFeature?: boolean
}
 
const CustomCheckbox: React.FC<CustomProps> = (props) => {
  return <Checkbox {...props} />
}

Performance Optimizations

Better tree-shaking support
Optimized bundle size
Enhanced rendering performance for checkbox groups

📚 Documentation Updates

New examples and best practices
Updated TypeScript documentation
Improved accessibility guidelines
New troubleshooting guides

What's Next?

Stay tuned for more updates! We're already working on version 1.5.1 with focus on accessibility improvements and documentation enhancements.

For detailed documentation and examples, visit our documentation site.

Thank you for your continued support and feedback! 🙏