Vue.js Components
These are components created to be used in projects that use Vue.js 3.
Don't forget the main focus of creating these components.
Component testing is in each component's section.
Components list
List of components that have already been created and their status of publishing for use.
This list does not contain the internal components, look at the list below to find out what the internal components are.
| Status | Name | Version | NPM link | Downloads |
|---|---|---|---|---|
| nb-payments | v5.0.1 | NPM |  | |
| nb-text | v5.0.2 | NPM |  | |
| nb-buttons | v5.0.5 | NPM |  | |
| nb-slides | v4.0.3 | NPM |  | |
| nb-time | v1.0.5 | NPM |  | |
| nb-password | v5.0.1 | NPM |  | |
| nb-inputs | v7.0.3 | NPM |  | |
| nb-selects | v1.0.3 | NPM |  | |
| nb-loaders | v3.0.1 | NPM |  | |
| nb-overlays | v1.0.4 | NPM |  | |
| nb-images | v2.0.7 | NPM |  |
See about the libs by clicking on the Link in the Doc column in the table above.
Status
In the above table, the status column can be understood as:
- This status can have a few meanings, the most common are (Under construction, being updated or something like that).
- This status can have a few meanings, the most common are (Under construction, being updated or something like that).
- Not yet included in the project
Bug
If you notice that something is strange, contact us here.
Detailed list
This list contains the internal components.
- nb-payments: It is a collection of components aimed at those who work with payment methods.
- nb-credit-card: This lib replaces the use of vg-credit-card.
- nb-text: It is a collection of components aimed at those who work with texts.
- nb-gradient-text: This lib replaces the use of vg-text/vg-credit-card.
- nb-highlight-selected-text: This lib replaces the use of vg-text/vg-credit-card.
- nb-zoom-text
- nb-buttons: It is a collection of components aimed at those work with buttons.
- nb-button-split-dropdown
- nb-button-mechanical
- nb-button-mechanical-2
- nb-button-vava-game
- nb-button-show-hover
- nb-button-prev-next
- nb-button-hamburger
- nb-button-color-outside
- nb-button-color-hover
- nb-button-alternate-text
- nb-button-back
- nb-button-underline-expand
- nb-button-underline-fill
- nb-button-gradient-border-to-background
- nb-button-normal
- nb-button-shadow
- nb-slides: It is a collection of components aimed at those work with slides.
- nb-time: It is a collection of components aimed at those work with time.
- nb-countdown: This lib replaces the use of vg-countdown.
- nb-password: It is a collection of components aimed at those work with password.
- nb-inputs: It is a collection of components aimed at those work with inputs.
- nb-selects: It is a collection of components aimed at those work with selects.
- nb-loaders: It is a collection of components aimed at those work with loader.
- nb-overlays: It is a collection of components aimed at those work with overlays.
- nb-images: It is a collection of components aimed at those work with images.
- Dialog (next version)
- Alert (next version)
- Confirm (next version)
- Prompt (next version)
- Drawer (next version)
- Off-canvas (next version)
- Toast (next version)
- Snackbar (next version)
- Notification (next version)
- Tooltip (next version)
- Popover (next version)
List of old components
Components that are still being brought into the project.
- vg-delete-button
These components can already be used following the old project, here! But I recommend waiting for the republication here on Nimbus to avoid future headaches migrating versions in your personal projects.
Tests
The components are still being developed and have not been tested (component testing), as they are not complex components, it is not so much a problem to leave it for a next update of this project.
These components listed below have all been well tested in the past when this project was not thought of, for this reason it can be used without any fear.
- vg-delete-button
- nb-payments:
- nb-credit-card
- nb-text:
- nb-gradient-text
- nb-highlight-selected-text
- nb-zoom-text
- nb-buttons:
- nb-button-mechanical
- nb-button-mechanical-2
- nb-button-vava-game
- nb-button-show-hover
- nb-button-prev-next
- nb-button-hamburger
- nb-button-color-outside
- nb-button-color-hover
- nb-button-alternate-text
- nb-button-back
- nb-button-underline-expand
- nb-button-underline-fill
- nb-button-gradient-border-to-background
- nb-button-normal
- nb-button-shadow
- nb-slides:
- nb-slide-div-fixed-size
- nb-time:
- nb-countdown
- nb-password:
- nb-password-preview
- nb-password-status-bar
- nb-password-validation-section
- nb-inputs:
- nb-radio
- nb-checkbox
- nb-input
- nb-input-chip
- nb-selects:
- nb-select
- nb-toggle
- nb-toggle-light
- nb-toggle-flip
- nb-toggle-skewed
- nb-loaders:
- nb-loaders
- nb-indeterminate
- nb-skeleton
- nb-loading-bar
- nb-page-scroll-bar
- nb-overlays:
- nb-modal
- nb-sidebar
- nb-images:
- nb-image-gallery
- nb-image