Appearance
wiz-divider
Use this component to delimit blocks.
Installation
Run following command in the terminal to install the module:
wiz install wiz-dividerLink
import wizDivider from 'wiz-divider';
Add this link directly to the layout (App.vue) or block (./common/blocks/ or ./common/blocks-library/):
export default {
components: {
wizDivider
}
...Basic usage
Markup:
<wiz-divider divider-color="#fcfcfc" divider-align="right" :divider-height="1" :divider-length="80"></wiz-divider>Parameters
| Property | Type | Default | Description |
|---|---|---|---|
| dividerColor | String | #2573ba | Divider color |
| dividerHeight | Number | 2 | Divider height in pixels |
| dividerLength | Number | 100 | Divider length in percents |
| dividerAlign | String | center | Divider alignment (center, left, right) |