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

VGrid

Vuero come with VGrid and VGridItem which are utility components to compose CSS grid layout with ease. The component VGrid will represent the grid container and can contains anything in its slot. The component VGridItem allow to have finest control how the item is positioned inside the VGrid parent.

You can find a complete guide on css-tricks.com

<VGrid> Props

NameDefaultType
:align-content
:align-items
:column-gap
:grid-auto-columns
:grid-auto-flow
:grid-auto-rows
:grid-template-areas
:grid-template-columns
:grid-template-rows
:inline
:justify-content
:justify-items
:place-content
:row-gap

<VGrid> Slots

NameType
#default

<VGridItem> Props

NameDefaultType
:align-self
:grid-column-end
:grid-column-start
:grid-row-end
:grid-row-start
:justify-self
:place-self

<VGridItem> Slots

NameType
#default