nicklabs-ui 1.0.28 → 1.0.29
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 +10 -2
- package/dist/index.mjs +469 -460
- package/dist/nicklabs-ui.css +1 -1
- package/dist/src/components/NCheckbox.vue.d.ts +1 -0
- package/dist/src/components/NInput.vue.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -188,6 +188,7 @@ A full-featured text input with support for password visibility, number controls
|
|
|
188
188
|
| `placeholder` | `string` | — | Placeholder text |
|
|
189
189
|
| `disabled` | `boolean` | `false` | Disable input |
|
|
190
190
|
| `readonly` | `boolean` | `false` | Read-only mode |
|
|
191
|
+
| `inline` | `boolean` | `false` | Display title and input on the same line |
|
|
191
192
|
| `clearable` | `boolean` | `false` | Show clear button |
|
|
192
193
|
| `maxlength` | `number` | — | Maximum character length |
|
|
193
194
|
| `min` | `number` | — | Minimum value (for type="number") |
|
|
@@ -221,6 +222,9 @@ A full-featured text input with support for password visibility, number controls
|
|
|
221
222
|
|
|
222
223
|
<!-- Number with min/max -->
|
|
223
224
|
<NInput v-model="age" type="number" :min="0" :max="120" title="Age" />
|
|
225
|
+
|
|
226
|
+
<!-- Inline title -->
|
|
227
|
+
<NInput v-model="username" title="Username" placeholder="Enter username" inline />
|
|
224
228
|
</template>
|
|
225
229
|
|
|
226
230
|
<script setup>
|
|
@@ -304,10 +308,11 @@ Checkbox input supporting both single and multi-option modes.
|
|
|
304
308
|
| `multiple` | `boolean` | `false` | Enable multi-option mode |
|
|
305
309
|
| `options` | `OptionItem[]` | — | Options for multi mode |
|
|
306
310
|
| `disabled` | `boolean` | `false` | Disable input |
|
|
307
|
-
| `title` | `string` | — |
|
|
311
|
+
| `title` | `string` | — | Group label displayed above options |
|
|
312
|
+
| `label` | `string` | — | Text beside checkbox in single mode (overridable by default slot) |
|
|
313
|
+
| `inline` | `boolean` | `false` | Display title and options on the same line |
|
|
308
314
|
| `direction` | `"row" \| "column"` | `"row"` | Layout direction for options |
|
|
309
315
|
| `autofocus` | `boolean` | `false` | Auto-focus on mount |
|
|
310
|
-
| `ariaLabel` | `string` | — | Accessibility label |
|
|
311
316
|
|
|
312
317
|
**Events**
|
|
313
318
|
|
|
@@ -334,6 +339,9 @@ Checkbox input supporting both single and multi-option modes.
|
|
|
334
339
|
direction="column"
|
|
335
340
|
title="Select interests"
|
|
336
341
|
/>
|
|
342
|
+
|
|
343
|
+
<!-- Inline title -->
|
|
344
|
+
<NCheckbox v-model="selected" multiple :options="options" title="Interests" inline />
|
|
337
345
|
</template>
|
|
338
346
|
|
|
339
347
|
<script setup>
|