• BSA Lab.
      home

  • apps
    Welcome
  • dashboard
    Layout
  • web
    Components
    keyboard_arrow_down
    • Lists
      list
    • Cards
      payment
    • Carousels
      recent_actors
    • Expansion panels
      view_day
    • Dialogs
      message
    • Tabs
      tab
    • Steppers
      directions_walk
    • Data tables
      view_module
    • Date/Time Pickers
      today
    • Text fields
      format_indent_increase
    • Forms
      assignment
  • alarm
    Warnings
    keyboard_arrow_down
    • Error-404
      alarm_add
    • Error-500
      alarm_on
    • Maintenance
      build
Vuetify / Components-cards
  • Documentation

  • Vuetify.js Quick-Start
  • Nuxt.js Guide
  • Vue.js Guide
Components - Cards
The "v-card" component is a versatile component that can be used for anything from a panel to a static image.
#1 Basic
A card has 4 basic components, v-card-media, v-card-title, v-card-text and v-card-actions.

Kangaroo Valley Safari

Located two hours south of Sydney in the
Southern Highlands of New South Wales, ...

#2 Media with text
Using the layout system, we can add custom text anywhere within the background.
Top 10 Australian beaches
Number 10
Whitehaven Beach
Whitsunday Island, Whitsunday Islands

#3 Horizontal cards
Using v-flex, you can create customized horizontal cards. Use the to the contain property to shrink the v-card-media to fit inside the container, instead of covering.
Unlimited music now
Listen to your favorite artists and albums whenenver and wherever, online and offline.
Supermodel
Foster the People
Halycon Days
Ellie Goulding

#5 Grids
Using grid lists, you can create beautiful layouts.
Pre-fab homes
Favorite road trips
Best airlines

#5 Custom actions
With a simple conditional, you can easily add supplementary text that is hidden until opened.
Top western road trips
1,000 miles of wonder
I'm a thing. But, like most politicians, he promised more than he could deliver. You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Then we'll go with that data file! Hey, you add a one and two zeros to that or we walk! You're going to do his laundry? I've got to find a way to escape.

© 2017 "BSA Lab." - All Rights Reserved