@vlalg-nimbus/nb-inputs 9.5.1 → 10.0.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.
Files changed (5) hide show
  1. package/README.md +57 -53
  2. package/dist/nb-inputs.js +6204 -3263
  3. package/dist/nb-inputs.umd.cjs +1 -1
  4. package/dist/style.css +1 -1
  5. package/package.json +9 -2
package/README.md CHANGED
@@ -1,53 +1,57 @@
1
- # nb-inputs
2
- > This component is only for [Vue.js 3+](https://vuejs.org/)
3
-
4
- <br />
5
-
6
- This lib contains input components.
7
-
8
- ## Installation
9
-
10
- ```bash
11
- npm install @vlalg-nimbus/nb-inputs
12
-
13
- # or
14
-
15
- yarn add @vlalg-nimbus/nb-inputs
16
- ```
17
-
18
- ## Usage
19
-
20
- ```js
21
- // main.js
22
- import { createApp } from 'vue'
23
- import App from './App.vue'
24
-
25
- import NbInputsComponents from '@vlalg-nimbus/nb-inputs'
26
- import "@vlalg-nimbus/nb-inputs/dist/style.css";
27
-
28
- // Import the Calendar component from the npm package to use in the nb-date-picker component
29
- import { Calendar } from '@vlalg-nimbus/nb-calendar';
30
- import "@vlalg-nimbus/nb-calendar/dist/style.css"
31
-
32
- const app = createApp(App)
33
- app.use(NbInputsComponents)
34
- app.component('Calendar', Calendar); // Register the Calendar component globally
35
- app.mount('#app')
36
- ```
37
-
38
- ## Components list
39
-
40
- The components that are part of this lib are:
41
-
42
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-radio" target="_blank">nb-input-radio</a>
43
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-checkbox" target="_blank">nb-input-checkbox</a>
44
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input" target="_blank">nb-input</a>
45
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-chip" target="_blank">nb-input-chip</a>
46
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-textarea" target="_blank">nb-textarea</a>
47
- - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-date-picker" target="_blank">nb-date-picker</a>
48
-
49
- Click on each one above to find out how to use it, properties, events, etc.
50
-
51
- ## License
52
-
53
- [MIT](http://opensource.org/licenses/MIT)
1
+ # nb-inputs
2
+ > This component is only for [Vue.js 3+](https://vuejs.org/)
3
+
4
+ <br />
5
+
6
+ This lib contains input components.
7
+
8
+ ## Installation
9
+
10
+ ```bash
11
+ npm install @vlalg-nimbus/nb-inputs vue-the-mask@0.11.1
12
+
13
+ # or
14
+
15
+ yarn add @vlalg-nimbus/nb-inputs vue-the-mask@0.11.1
16
+ ```
17
+
18
+ `vue-the-mask` **0.11.1** is a **peer dependency** (used by `NbInput` when `input-mask` is set; pin avoids unexpected upgrades of an unmaintained package). `@vlalg-nimbus/magic-debounce` is a normal dependency of this package (installs with `nb-inputs`; not inlined in the library build, same pattern as `nb-calendar`).
19
+
20
+ ## Usage
21
+
22
+ ```js
23
+ // main.js
24
+ import { createApp } from 'vue'
25
+ import App from './App.vue'
26
+
27
+ import NbInputsComponents from '@vlalg-nimbus/nb-inputs'
28
+ import "@vlalg-nimbus/nb-inputs/dist/style.css";
29
+
30
+ // Import the Calendar component from the npm package to use in the nb-date-picker component
31
+ import { Calendar } from '@vlalg-nimbus/nb-calendar';
32
+ import "@vlalg-nimbus/nb-calendar/dist/style.css"
33
+
34
+ const app = createApp(App)
35
+ app.use(NbInputsComponents)
36
+ app.component('Calendar', Calendar); // Register the Calendar component globally
37
+ app.mount('#app')
38
+ ```
39
+
40
+ ## Components list
41
+
42
+ The components that are part of this lib are:
43
+
44
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-radio" target="_blank">nb-input-radio</a>
45
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-checkbox" target="_blank">nb-input-checkbox</a>
46
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input" target="_blank">nb-input</a>
47
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-chip" target="_blank">nb-input-chip</a>
48
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-textarea" target="_blank">nb-textarea</a>
49
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-date-picker" target="_blank">nb-date-picker</a>
50
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-file" target="_blank">nb-input-file</a>
51
+ - <a href="http://nimbus.tec.br/vue-components/nb-inputs/nb-input-search" target="_blank">nb-input-search</a>
52
+
53
+ Click on each one above to find out how to use it, properties, events, etc.
54
+
55
+ ## License
56
+
57
+ [MIT](http://opensource.org/licenses/MIT)