zcomponents-ui 1.0.0 → 1.1.0

package/README.md

@@ -2,9 +2,10 @@
 
 **Lightweight, typed, customizable UI building blocks for React.**
 
-![npm version](<https://img.shields.io/npm/v/zcomponents?color=rgb(25,150,90)&style=flat-square>)
-![npm downloads](https://img.shields.io/npm/dm/zcomponents?color=blue&style=flat-square)
-![license](https://img.shields.io/npm/l/zcomponents?style=flat-square)
+![npm version](<https://img.shields.io/npm/v/zcomponents-ui?color=rgb(25,150,90)&style=flat-square>)
+![npm downloads](https://img.shields.io/npm/dm/zcomponents-ui?color=blue&style=flat-square)
+![license](https://img.shields.io/npm/l/zcomponents-ui?style=flat-square)
+[![storybook](https://img.shields.io/badge/Storybook-Docs%20Site-FF4785?style=flat-square)](https://piotrnowoslawski.github.io/zComponents)
 
 ---
 
@@ -28,6 +29,23 @@ Inject your own filter function with full access to options.
 
 ---
 
+## 🟩 Zero Dependencies
+
+`zcomponents-ui` is built with **zero external dependencies**.
+
+---
+
+## 📚 Storybook Documentation
+
+All components in the **zComponents UI Library** come with interactive examples and full API documentation.
+
+🔗 **Live Storybook:**  
+https://piotrnowoslawski.github.io/zComponents
+
+The Storybook is deployed automatically from `main` using GitHub Pages.
+
+---
+
 # 🚀 Installation
 
 ```bash
@@ -120,6 +138,25 @@ listMaxHeightLimiter?: number;
 
 ---
 
+# 🔌 React Hook Form Integration (Short Note)
+
+## Features
+
+- Full compatibility with rules, mode, reValidateMode
+
+- Works with Yup / Zod through RHF resolvers
+
+- Supports value mapping via
+
+- onChangeTransform (ZDrop → RHF)
+
+- valueSelector (RHF → ZDrop)
+
+- Customizable error rendering
+
+📌 Use ZDropField when working with forms.
+📌 Use ZDrop standalone for uncontrolled usage.
+
 # 📄 License
 
 MIT © Piotr Nowosławski