Introduction

Cotton UI is a component library that offers progressively enhanced components.

These components are functional prior to hydration and automatically upgrade to a more feature-rich version once JavaScript is loaded. The whole process ensures no disruption to users, maintaining a positive user experience.

This means that even in areas with poor internet connectivity, users can still interact with the UI elements, such as opening dropdown menus or switching tabs. As soon as JavaScript is loaded, these components become even more powerful, supporting additional features like keyboard navigation and focus trapping. Furthermore, any actions users take in low-connectivity situations, such as entering text in an input field, will be preserved through the hydration process.

Features

• ⚡️ Ensure uninterrupted user interactions, even in low-connectivity areas
• 🚀 Upgrade to advanced features like keyboard navigation once JavaScript is available
• ✨ User actions retained during hydration
• 🎨 Are headless components, allowing for flexible styling