How to use

This commit is contained in:
barsdeveloper
2023-05-24 19:45:01 +02:00
parent 4b7bce2211
commit 9fc936f228
6 changed files with 28 additions and 5 deletions

View File

@@ -22,4 +22,26 @@ A stand alone editor implementation of the UE's Blueprint visual language. (WIP)
## How to use:
TODO
1. Include `dist/css/ueb-style.css` stylesheet in your page.
2. Define eventual CSS variables
```HTML
<style>
ueb-blueprint {
--ueb-height: 500px;
}
</style>
```
3. Import the class Blueprint in JavaScript (this library uses modules).
```HTML
<script type="module">
import { Blueprint } from "./dist/ueblueprint.js"
</script>
```
4. Define your blueprint the by just writing the code inside a `ueb-blueprint`, inside a `template` element
```HTML
<ueb-blueprint>
<template>
...
</template>
</ueb-blueprint>
```