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.

Experimental disclaimer

There is no guarantee that the core functionality is fully covered by the Vue wrappers. Bug reports and feature requests related to Vue can only be handled with low priority. Nevertheless feedback of any kind will be helpful.

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');