vue cion design system

Cion - Design -System -Kesselplatte für Vue.js

Cion ist ein Designsystem, das hauptsächlich für Vue.js -Anwendungen erstellt wurde. Sie können es als Ausgangspunkt für den Aufbau Ihres eigenen Designsystems verwenden.

Das System verwendet Design -Token, einen Wohnstilguide mit integrierten Code -Spielplätzen und wiederverwendbare Komponenten für gemeinsame UI -Aufgaben.

Living StyleGuide Demo: https://styleguide.cion.visualjerk.de

Zielseite Demo: https://cion.visualjerk.de

Integrieren Sie es in Ihre Anwendung: Verwendung

Projekt -Setup

 yarn install

Entwicklung

Compiles und Heißreloads Living StyleGuide

 yarn dev

Gebäude

Living StyleGuide

Kompiliert Living StyleGuide zu ./docs

 yarn build

Bibliothek

Stellen Sie das Designsystem als Bibliothek zu ./dist zusammen

 yarn build:lib

Helfer

Diene Lebensstilguide vor Ort

 yarn serve

FINTS und behebt Dateien

 yarn lint

Projekte, die Cion verwenden

• Human Connection StyleGuide: https://styleguide.human-connection.org/

Lizenz

MIT -Lizenz - Copyright (C) Jörg Bayreuther