@grandbazar/ui-baza 1.2.20 → 1.3.0
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 +6 -0
- package/dist/index.cjs +409 -83
- package/dist/index.d.ts +66 -4
- package/dist/index.js +408 -84
- package/dist/style.css +150 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -125,6 +125,7 @@ npm run build:lib
|
|
|
125
125
|
Currently available components:
|
|
126
126
|
|
|
127
127
|
- **Badge** - Compact label component for statuses, counts, and tags with various visual styles.
|
|
128
|
+
- **BadgeTabs** - Tab navigation with badge-style items and an animated indicator. Implemented using Compound Components pattern.
|
|
128
129
|
- **Breadcrumbs** - Navigation component showing the user's location within the site hierarchy with support for custom separators. Implemented using Compound Components pattern.
|
|
129
130
|
- **Button** - Flexible button component with various styles and states.
|
|
130
131
|
- **Checkbox** - Custom checkbox with state support, custom labels, and full styling.
|
|
@@ -135,7 +136,10 @@ Currently available components:
|
|
|
135
136
|
- **RadioButton** - Radio button component for single selection from multiple options.
|
|
136
137
|
- **Search** - Search input field with icon and clear button. Supports two modes: default (inline icon) and custom (separate search button).
|
|
137
138
|
- **SegmentControl** - Segmented control component for single selection from multiple options with visual button group interface. Implemented using Compound Components pattern.
|
|
139
|
+
- **Slider** - Controlled slider for picking a number by dragging a handle along a track, with optional tick marks and a two-handle range variant. Implemented using Compound Components pattern.
|
|
140
|
+
- **Stepper** - Numeric stepper with minus and plus buttons that increment or decrement a controlled value, auto-disabling at the min and max bounds.
|
|
138
141
|
- **Switch** - Toggle switch component for binary on/off states with smooth animations.
|
|
142
|
+
- **Tabs** - Tab interface for switching between content sections with an animated active indicator. Implemented using Compound Components pattern.
|
|
139
143
|
- **Tag** - Elements for visual marking using keywords. Help with quick recognition, differentiation, and sorting or navigation through content.
|
|
140
144
|
- **TextField** - Input field component with validation, labels, and various input types support. Implemented using Compound Components pattern.
|
|
141
145
|
- **Pagination** - Navigation component for multi-page content with customizable appearance and behavior.
|
|
@@ -193,7 +197,9 @@ All icons are exported from `@grandbazar/ui-baza` and accept standard SVG props
|
|
|
193
197
|
- **IconStar** - Favorite/rating icon.
|
|
194
198
|
- **IconSticker** - Label/sticker icon.
|
|
195
199
|
- **IconStop** - Stop/cancel action icon.
|
|
200
|
+
- **IconStore** - Storefront/marketplace icon.
|
|
196
201
|
- **IconSwitch** - Toggle/switch state icon.
|
|
202
|
+
- **IconTrash** - Delete/remove action icon.
|
|
197
203
|
- **IconXMark** - Close/remove icon.
|
|
198
204
|
- **IconXMarkCircle** - Close icon in a circle.
|
|
199
205
|
- **IconLogo** - Brand icons namespace.
|