Overview

This outil aims to embed zikojs elements within various frameworks

Install

 npm install ziko-wrapper

Usage

React / Next

import {text} from "ziko";
import ZikoUI from "ziko-wrapper/react"
 const ui = text("hello world").style({
  color:"green"
  })
export default function App() {
return (
  <main>
    <ZikoUI ui={ui} />
  </main>
)}

Vue / Nuxt

<script setup>
import { text } from "ziko";
import ZikoUI from "ziko-wrapper/vue";
const ui = text("hello world").style({
 color: "green",
});
</script>
<template>
 <ZikoUI :ui="ui" />
</template>

Angular

Svelte

<script>
import ZikoUI from "ziko-wrapper/svelte";
import { text } from "ziko";
const ui = text("hello world").style({
  color: "green",
});
</script>
<main>
 <ZikoUI ui={ui}/>
</main>

Lit

Solid

Preact