Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

Erik KovalskyProduct Manager
ProfileView your profile

ProjectsAll my projects
TeamManage your team

SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

  • Erik KovalskyProduct Manager
    ProfileView your profile

    ProjectsAll my projects
    TeamManage your team

    SettingsAccount settings

Components

  • Components Hub
  • Colors
  • Helpers
  • Content
  • Table
  • Icons
  • Interaction
  • VDropdown
  • VLoader
  • VPlaceload
  • VPlaceloadText
  • VPlaceloadAvatar
  • VMessage
  • VModal
  • VProgress
  • VTootlip
  • Buttons
  • Forms
  • Switches
  • Display
  • VAvatar
  • VAvatarStack
  • VBlock
  • VIconBox
  • VIconWrap
  • VSnack
  • VTag
  • VFlex
  • VGrid
  • VBreadcrumb
  • VTabs
  • VFlexPagination
  • VFlexTable
  • Accordions
  • Cards
  • Placeholders
  • Addons

Notifications
See all
  • Alice C. left a comment.

    1 hour ago

  • Joshua S. uploaded a file.

    2 hours ago

  • Tara S. sent you a message.

    2 hours ago

  • Melany W. left a comment.

    3 hours ago

  • Components
  • Switches
  • VSwitchBlock

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.

Thin Switch

Vuero provides nice thin switch checkboxes when you need to display such control in your forms. Use thin modifier on VSwitchBlock component. Please refer to the markup for more details about usage.

Block label

You might have to add a label to your switches in some cases. If so, use the VSwitchBlock component, which provides a nice and clean flexbox layout. See the code example for more details about usage.

Thin label

You might have to add a label to your switches in some cases. If so, use the VSwitchBlock component, which provides a nice and clean flexbox layout. See the code example for more details about usage.

<VSwitchBlock> Props

NameDefaultType
:color
:id
:label
:model-value
:thin

<VSwitchBlock> Events

NameType
@update:model-value

<VSwitchBlock> Slots

NameType
#default