- Exciting release!Introducing "safe npm". Learn more →
halley-kit
Advanced tools
- Version published
- Maintainers
- 1
- Weekly downloads
- 584
- increased by47.47%
Weekly downloads
Readme
HalleyxUI
The real McCoy thing
Introduction — Components — Getting Started — License
Introduction
Halleyx UI kit a collection of UI elements and assets, curated to serve for every designer's and developer's need.
Components
The following components are currently on the orbit.
- Accordion
- Notification
- Badge
- Breadcrumb
- Button
- Calendar
- Card
- Color pallete
- Dashboard
- Dataview
- Divider
- Dotted pagination
- Draggable
- Drawer
- Error page
- File uploader
- Image gallery
- Import progress bar
- Input
- Input elements
- Label
- Loader
- Modal
- Pagination
- Rating
- Search
- Select
- Sidebar
- Signup page
- Slider
- Speed dial
- Stepper
- Tab
- Table
- Tag
- Text editor
- Time line
- Tree view
- Tree select
Installation
NPM 
npm install halleyx-ui
Quick start
This section describes how to use Halley kit in your project.
Global import
Config module with project globally
//main.js
import { createApp } from "vue";
import App from "./App.vue";
import halleyxComponents from "halleyx-ui";
//load the styles
import 'halley-kit/dist/umd/index.css';
createApp(App).use(halleyxComponents).mount("#app");
Local import
Config module with project locally
//main.js
import { createApp } from "vue";
import App from "./App.vue";
import halleyxComponents from "halleyx-ui";
//load the styles
import 'halley-kit/dist/umd/index.css';
createApp(App).use(halleyxComponents).mount("#app");
<!-- Any vue component-->
<template>
<hlx-button class="primary">Button</hlx-button>
</template>
<script>
import {HlxButton} from 'halley-kit';
export default {
name: 'App',
components: {
HlxButton,
},
}
</script>
License
Halleyx UI-Component Library comes with a 3-clause BSD license.
FAQs
<h1 align="center" style="display:flex:align-item:center;"> <img src="./src/assets/img/logo.png" style="object-fit:fit;width:25px"> HalleyxUI </h1> <h4 align="center"> The real McCoy thing </h4> <h4 align="center">
The npm package halley-kit receives a total of 544 weekly downloads. As such, halley-kit popularity was classified as not popular.
We found that halley-kit demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.