4.0.0 • Published 1 year ago
halleyx-kit v4.0.0
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 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
Tenzir UI-Component Library comes with a 3-clause BSD license.
4.0.0
1 year ago