Opinionated component to create your guided wizard.
yarn add wizard-italia-component
or
npm install wizard-italia-component
Customization engine lays on Oruga, check the documentation for more info
<link rel="stylesheet" href="module_path/wizard-italia.css">
<wizard-italia
matomo-site-id="wBEpDzz0yL"
configuration-url="https://raw.githubusercontent.com/italia/wizard-italia/main/demo/tree.json"
></wizard-italia>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="module_path/wizard-italia.umd.js"></script>
<script>
customElements.whenDefined("wizard-italia").then(() => {
document.querySelector('wizard-italia').styleConfig = {
iconPack: 'bs',
iconComponent: 'bs-icon',
button: {
rootClass: 'btn',
outlinedClass: 'btn-outline-',
disabledClass: 'btn-disabled',
variantClass: (variant, context) => (!context.props.outlined ? `btn-${variant}` : ''),
}
}
})
</script>
Install dependencies using
yarn install
yarn serve
yarn lint
yarn build-all
yarn wc
Run
yarn prepare-wc-demo
then go inside demo
folder and run a dev server, e.g.
python -m SimpleHTTPServer 80
Every contribution is welcome!
Here is a list of users who contributed to this repository: