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

VFlex

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

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

VFlex Props

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

PropsDefaultType
flex-directionrowrow, row-reverse, column, column-reverse
flex-wrapnowrapnowrap, wrap, wrap-reverse
jusitfy-contentnormalflex-start, flex-end, start, end, left, right, center, space-between, space-around, space-evenly, normal
align-itemsnormalflex-start, flex-end, start, end, left, right, center, baseline, stretch, normal
align-contentnormalflex-start, flex-end, start, end, left, right, center, space-between, space-around, space-evenly, normal
row-gapnormalstring
column-gapnormalstring
inlinefalseboolean

VFlexItem Props

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

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

VFlex Slots

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

SlotPropertiesDescription
#default
required
nullThe flex items

VFlexItem Slots

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

SlotPropertiesDescription
#default
required
nullThe flex item content