oa/documentation/switch-block/switch-block-documentation.md

VSwitchBlock

Vuero provides nicely styled switch checkboxes when you need to display such control in yoour forms. Vuero VSwitchBlock component have several color modififers. Available modifiers are primary, success, info, warning and danger. Please refer to the markup for more details about usage.

<template>
  <VField horizontal>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock />
    </VControl>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock color="primary" :model-value="true" />
    </VControl>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock color="success" :model-value="true" />
    </VControl>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock color="info" :model-value="true" />
    </VControl>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock color="warning" :model-value="true" />
    </VControl>
    <VControl subcontrol class="mr-2">
      <VSwitchBlock color="danger" :model-value="true" />
    </VControl>
  </VField>
</template>