demos.md

Demos

Basic Demo

<iframe src="https://codesandbox.io/embed/r0r7jjjnko?hidenavigation=1&view=preview" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

Custom Component Demo

This example shows how to pull in a custom component that can be used in place of a standard form input for a rule. The component must support the v-model directive. This example pulls in a third party range component called Vue Slide Bar.

<iframe src="https://codesandbox.io/embed/p5opy02rj?hidenavigation=1&view=preview&module=%2Fsrc%2FApp.vue" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe> <style> .content:not(.custom) { max-width: none; } </style>