Skip to main content

Vue

Vue is a progressive framework for building user interfaces, known for its simplicity and flexibility. This section guides you through the steps to install and set up our design system within a Vue project, ensuring a smooth and efficient integration process.

Library installation​

Install @siemens/ix, @siemens/ix-vue and @siemens/ix-icons using a package manager:

npm install @siemens/ix @siemens/ix-vue @siemens/ix-icons

Usage​

import '@siemens/ix/dist/siemens-ix/siemens-ix.css';

import { createApp } from 'vue';
import { ixPlugin } from '@siemens/ix-vue';
import Root from './App.vue';

const app = createApp(App);

app.use(ixPlugin);

app.mount('#root');