v0.0.26 - Interactive Demo & Bug Fixes

🎉 What's New

✨ Interactive Demo & Showcase

We've launched a brand new interactive demo where you can test all features in real-time!

🌐 Try it now: https://ngx-otp-code-input.vercel.app/

The demo includes:

• Live Configuration Panel - Adjust all settings and see changes instantly
• Code Preview - See the exact code you need to use
• Event Logs - Watch events fire in real-time
• Multiple Examples - Test different configurations easily

🔧 Bug Fixes

Dynamic Length Changes

• ✅ Fixed: Component now properly updates when you change the length input dynamically
• Before: Changing length didn't update the number of input fields
• Now: Input fields update immediately when length changes

Improved Component Reactivity

• Enhanced change detection for better performance
• Smoother updates when configuration changes

🎨 UI/UX Improvements

• Better dropdown styling with proper spacing
• Improved form controls layout
• Enhanced visual feedback for configuration changes
• Cleaner, more intuitive demo interface

---

🚀 Quick Start

npm install ngx-otp-code-inputipt
import { NgxOtpCodeInputModule } from 'ngx-otp-code-input';

@NgModule({
imports: [NgxOtpCodeInputModule]
})
export class AppModule { }tml
<ngx-otp-code-input
[length]="6"
[autofocus]="true"
(otpComplete)="onOtpComplete($event)">
---

📚 Resources

• Full Documentation: README
• Interactive Demo: Try it live
• Report Issues: GitHub Issues

---

🙏 Thank You!

If you find this library helpful, please consider:

• ⭐ Starring the repository
• 🐛 Reporting bugs or suggesting features
• 📖 Sharing with other developers

v0.0.4 - Enhanced Status Feedback and Animated Transitions

[v0.0.4] - 2024-08-28

New Features

• Status Feedback:

  • Added visual feedback for OTP verification status.
  • Configure success and error icons and colors for clear OTP status indication.

• Animated Transitions:

  • Implemented smooth animations when focusing between OTP input fields.
  • Enhances the user experience with engaging transitions.

Bug Fixes and Improvements

• Updated documentation with details on new features.
• Minor code optimizations and bug fixes.

This release brings enhanced visual feedback and smooth animations, improving the overall user experience with the OTP input component.

Enhancements: Success/Error Status Feedback & Animated Transitions

What's New

🎉 Success/Error Status Visual Feedback

• Added visual feedback for OTP verification status with configurable success and error icons.
• Easily customize feedback icons and styles through input properties.

✨ Animated Transitions

• Implemented smooth animations for focus transitions between OTP input fields.
• Enhance user experience with customizable transition effects.

Configuration

• status: Set to success or failed to indicate the OTP status. Customize icons and styles using successIcon and failureIcon properties.
• animation: Choose from predefined transition animations or add custom animations.

Upgrade now to enjoy improved visual feedback and smoother transitions in your OTP input fields!

---

As always, thank you for using our library. If you encounter any issues or have suggestions for further improvements, please let us know!

v0.0.2

0.0.2