@ruleenginejs/ruleengine-ui v1.1.10

ruleengine-ui

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

Live Demo

Installation

npm

npm install @ruleenginejs/ruleengine-ui

Add codicons (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/ruleengine-ui"
// Add css styles
import "@ruleenginejs/ruleengine-ui/dist/normalize.css"
import "@ruleenginejs/ruleengine-ui/dist/style.css"
import "@ruleenginejs/ruleengine-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
• Suggest
• KeybindingLabel
• KeyboardShortcuts

License

Licensed under the MIT License.