ruleengine-ui

Vue 3.0 based component library for developers of custom editors in Visual Studio Code.

Live Demo

Installation

npm

npm install @ruleenginejs/ui

Add icons (optional)

npm install @vscode/codicons

In your code

import '@vscode/codicons/dist/codicon.css';

Usage

import { createApp } from 'vue';
import App from './App.vue';
import RuleEngineUI from '@ruleenginejs/ui';
// Add css styles
import '@ruleenginejs/ui/dist/normalize.css';
import '@ruleenginejs/ui/dist/style.css';
import '@ruleenginejs/ui/dist/dark.theme.css';

const app = createApp(App);

app.use(RuleEngineUI);

app.mount('#app');

In your templates

<v-action-bar>
  <v-action @click="onClick">
    <v-icon-play />
  </v-action>
</v-action-bar>

Documentation

Read the documentation and demos.

Components

Basic

• Layout
• Content
• Button
• Space
• Icon
• Scrollbar

Form

• Input
• Checkbox
• Select
• Autocomplete
• Fieldset
• Label

Data

• List
• Treeview

Navigation

• Sidebar
• Tabs
• ActionBar
• ActionList
• Dropdown
• FloatingToolbar

Graph

• Node Graph

Others

• SplitView
• Draggable
• Suggest
• KeybindingLabel
• KeyboardShortcuts

API Reference

Read the api reference for props, events, slots.

License

Licensed under the MIT License.