@freuwort/iodine-ui v1.0.0-alpha.0

Iodine UI (WIP) 🎚️

Iodine UI is a Material Design inspired UI library for Vue 3 with a focus on interactive components.
At the moment this library offers icons, buttons, icon buttons, single-line inputs, select inputs, popup modals, toggles/checkboxes and loaders all designed with care and accessibility on mind.

We're planning to introduce date/time pickers, colorpickers, iconpickers and textareas in the near future.

Installation ⚙️

Via NPM

npm install --save @freuwort/iodine-ui

Import ⤵️

Global import

// Import Iodine UI
import IodineUI from "@freuwort/iodine-ui";

// Create app
const app = createApp(App);

// Use components
app.use(IodineUI);

// Mount app
app.mount("#app");

Local import

// Import components individually
import { IodIcon, IodButton, IodIconButton, IodInput, IodSelect, IodPopup, IodLoader } from "@freuwort/iodine-ui";

Usage 🪛

<IodInput type="text" label="Firstname" v-model="yourValue"/>

Demo 🖥️

Demo site: iodine.freuwort.com

Project setup ⚙️

Only important if you work on this project.

# Install
npm install
# Serve
npm run serve
# Or build
npm run build

Credits 📜

Developed by Alyx Freuwört & Lynn Schallenberg

License 📜

MIT – 2023