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

Components

  • Components Hub
  • Content
  • Table
  • Display
  • VAvatar
  • VAvatarStack
  • VBlock
  • VIconBox
  • VIconWrap v1.1
  • VSnack v1.1
  • VTag
  • Layout
  • VFlex & VFlexItemv2.0
  • VGrid & VGridItemv2.0
  • VBreadcrumb
  • VTabs v1.1
  • VFlexPagination
  • VMarkdownPreview v2.6
  • VMarkdownEditor v2.6
  • VFlexTable v2.2
  • Accordions
  • Cards
  • Placeholders
  • Plugins

Select Language

Activity

  • Team
  • Projects
  • Schedule
Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer projectgetslicer.io
31%
5 / 24
Metamovies reworkedmetamovies.co
84%
28 / 31
Fast Pizza redesignfastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

Recently viewed

Browser SupportBlog post
Twitch APIBlog post
Browser SupportBlog post

Recent Members

Alice C.San Diego, CASoftware EngineerThis is a nice user description that we can use as demo content.
Alice C.Software Engineer
Tara S.New York, NYUI/UX DesignerThis is a nice user description that we can use as demo content.
Tara S.UI/UX Designer
Dwayne H.Los Angeles, CAProduct ManagerThis is a nice user description that we can use as demo content.
Jimmy H.Project Manager

Task Details

Overview

Build a desktop and mobile landing page wireframe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videmus igitur ut conquiescere ne infantes quidem possint. Duo Reges: constructio interrete... See More

Participants

Statistics

5 days
3 files
54
Add Checklist

Files

Preliminary Sketches3MB 5 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file
Project Budget0.6MB 8 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file
POC Demo8.75MB 8 days ago
DownloadDownload this file
View TaskView related task

UpdateUpload a new version
DeleteDelete this file

Messages

Send

Welcome

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

Here is the full props available for <VGrid /> component:

PropsDefaultType
jusitfy-itemsinitialstart, end, center, stretch, initial
align-itemsinitialstart , end , center , stretch , initial
jusitfy-contentinitialstart, end, center, stretch, space-around, space-between, space-evenly, initial
align-contentinitialstart, end, center, stretch, space-around, space-between, space-evenly, initial
place-contentnormalstring
grid-template-columnsnonestring
grid-template-rowsnonestring
grid-template-areasnonestring
column-gapnormalstring
row-gapnormalstring
grid-auto-columnsautostring
grid-auto-rowsautostring
grid-auto-flowrowrow, column, row dense, column dense, initial
inlinefalseboolean

VGridItem Props

Here is the full props available for <VGridItem /> component:

PropsDefaultType
order0string, number
flex-grow0string, number
flex-shrink0string, number
flex-basisautostring
align-selftautoauto, flex-start, flex-end, center, baseline, stretch

VGrid Slots

Here is the full slots available for <VGrid /> component:

SlotPropertiesDescription
#default
required
nullThe flex items

VGridItem Slots

Here is the full slots available for <VGridItem /> component:

SlotPropertiesDescription
#default
required
nullThe flex item content