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
  • VCheckbox

VCheckbox

Vuero provides default styled checkboxes in 2 main styles, outlined (default) and solid. Those checkboxes also support all main colors. The available colors are primary, success, info, warning, danger.

Outlined circle

Vuero checkboxes can be circles instead of squares. Simply add the circle attribute to your checkbox element. See the code example for more details about usage.

Complex object value

You can use complex object values to store the state of the checkbox by using the trueValue and falseValue props.

Note that alternative checkbox style with solid attribute. Those checkboxes also support all main colors. The available modifiers are primary, success, info, warning, danger.

Solid circle

Vuero checkboxes can be circles instead of squares. Simply add the circle attribute to your checkbox element. See the code example for more details about usage.

<VCheckbox> Props

NameDefaultType
:circle
:color
:false-value
:id
:label
:model-value
:paddingless
:raw
:solid
:true-value
:value
:wrapper-class

<VCheckbox> Events

NameType
@update:model-value

<VCheckbox> Slots

NameType
#default