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