banhaten-ui 0.0.12 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -7
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +569 -62
- package/dist/index.js +3519 -1522
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +5 -3
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@ A comprehensive React component library with full RTL (Right-to-Left) support, b
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
7
|
- 🌍 **Full RTL Support** - Built-in support for Arabic, Hebrew, and other RTL languages
|
|
8
|
-
- 🎨 **
|
|
8
|
+
- 🎨 **20+ Production-Ready Components** - Buttons, Inputs, Forms, Navigation, Data Display, and more
|
|
9
9
|
- 📦 **Tree-Shakeable** - Import only what you need
|
|
10
10
|
- 🎯 **TypeScript First** - Full type safety with comprehensive type definitions
|
|
11
11
|
- 🎭 **Tailwind CSS** - Customizable design tokens via Tailwind preset
|
|
@@ -102,19 +102,34 @@ All components support RTL out of the box. Simply pass the `rtl` prop:
|
|
|
102
102
|
|
|
103
103
|
### Form Controls
|
|
104
104
|
- **Checkbox** - Accessible checkbox with support text
|
|
105
|
+
- **CheckboxCard** - Card-style checkbox with rich content
|
|
106
|
+
- **Radio** - Radio button input
|
|
107
|
+
- **RadioCard** - Card-style radio button with rich content
|
|
108
|
+
- **Toggle** - Toggle switch component
|
|
109
|
+
- **Slider** - Range slider input
|
|
110
|
+
- **Input** - Text input with various features (icons, addons, validation)
|
|
111
|
+
- **NumberInput** - Specialized numeric input with increment/decrement controls
|
|
105
112
|
- **CheckmarkCard** - Card-style selectable component
|
|
113
|
+
- **Switcher** - Theme/mode switcher component
|
|
106
114
|
|
|
107
|
-
### Display
|
|
108
|
-
- **Badge** - Status indicators and labels
|
|
115
|
+
### Display Components
|
|
116
|
+
- **Badge** - Status indicators and labels with multiple styles
|
|
109
117
|
- **Alert** - Contextual feedback messages
|
|
118
|
+
- **Avatar** - User avatar with status indicators
|
|
119
|
+
- **AvatarGroup** - Group multiple avatars with overflow handling
|
|
120
|
+
- **AvatarProfile** - Avatar with user profile information
|
|
121
|
+
- **AvatarCallToAction** - Avatar with action button
|
|
110
122
|
- **Divider** - Visual separators
|
|
123
|
+
- **ProgressBar** - Progress indicators with labels
|
|
124
|
+
- **CodeBlock** - Syntax-highlighted code display
|
|
111
125
|
|
|
112
|
-
### Navigation
|
|
126
|
+
### Navigation Components
|
|
113
127
|
- **Menu** - Dropdown menu with rich item types
|
|
128
|
+
- **MenuItem** - Individual menu item component
|
|
114
129
|
- **Accordion** - Collapsible content sections
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
- **
|
|
130
|
+
- **Breadcrumbs** - Breadcrumb navigation
|
|
131
|
+
- **Tabs** - Tab navigation with multiple variants
|
|
132
|
+
- **Pagination** - Pagination controls for data sets
|
|
118
133
|
|
|
119
134
|
## Component Examples
|
|
120
135
|
|