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

VIconBox

The Vuero <VIconBox /> component let you display icons in a fancy and colored way. Box sizes can be controled with the size prop. Available sizes are small, medium, large, big and xl. See code for more details about usage.

Box colors

The Vuero <VIconBox /> component can have different colors. You can change the color by passing a value to the color prop. Available values are: primary, info, success, warning, danger, purple, yellow, orange, green, red, or blue.

Box border

The Vuero <VIconBox /> component can have a thick border. You can add a border by simply adding the bordered prop to the component. See the code example for more details.

Rounded box

The Vuero <VIconBox /> component can have a rounded shape. You can make icons rounded by simply adding the rounded prop to the component. See the code example for more details.

Rounded border

The Vuero <VIconBox /> component can have a thick border. You can add a border by simply adding the bordered and rounded props to the component. See the code example for more details.

Feather Icons

The Vuero <VIconBox /> component works also very well with the Feather Icons icon set. Use the same markup and just replace the existing icons with some from Feather Icons.

Font Awesome

The Vuero <VIconBox /> component works also very well with the Font Awesome icon set. Use the same markup and just replace the existing icons with some from Font Awesome.

VIconBox Props

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

PropsDefaultType
sizeundefinedsmall, medium, large, big, xl
colorundefinedprimary, success, info, warning, danger, purple, orange, blue, green, red, yellow
roundedfalseboolean
borderedfalseboolean

VButton Slots

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

SlotPropertiesDescription
#default
required
nullIcon or image to box