npm.io
2.0.25 • Published 5 months ago

@octavianlab/olab-ui

Licence
MIT
Version
2.0.25
Deps
2
Size
1.6 MB
Vulns
0
Weekly
0
SummaryDependencyVersions

@octavianlab/olab-ui

A modern and flexible Vue 3 Back Offices UI components library by Octavian Lab

npm version license downloads

Overview

olab-ui is a work-in-progress collection of Vue 3 components designed to accelerate development and unify UI/UX across projects.
It's built with accessibility, customization, and performance in mind.

Still in active development — use with caution in production.

Installation

npm install @octavianlab/olab-ui

Peer dependencies you might need to install:

npm install vue primevue moment qrcode-vue3 vue3-lottie xlsx

Usage

Globally (recommended)
// main.js or main.ts
import { createApp } from 'vue';
import App from './App.vue';

import OlabUI from '@octavianlab/olab-ui';
import '@octavianlab/olab-ui/style.css';

const app = createApp(App);
app.use(OlabUI);
app.mount('#app');
Locally
<script setup>
import { ODropdown, OFiltersPanel } from '@octavianlab/olab-ui';
</script>

<template>
  <ODropdown :options="['A', 'B']" />
</template>

Components Included

Here are some of the available components (more coming soon):

  • ODropdown
  • OFiltersPanel
  • ODialogStoredSearches
  • OFilter
  • OCalendar
  • OTable
  • ODialog
  • OChart
  • OList
  • OLottie

...and many more!

For a full list of components, see the src/components/ folder.

Development

Clone the repo and run locally:

npm install
npm run dev

To build and generate types:

npm run generate:dts && npm run build

Contributing

We welcome contributions!
Please open issues or submit PRs on the GitHub repository.

License

MIT Octavian Lab

Maintainers