halley-kit

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.