Jumbotron
The jumbotron is a flexible call to action component. Supports background images, gradient overlays and much more.
Jumbotrons have been deprecated since v1.2, it is recommended that you use v-img, v-responsive, or a plain div instead.
API
Class bound when component is active. warning Depending upon the component, this could cause side effects. If you need to add a custom class on top of a default, just do active-class="default-class your-class"
Vue Router router-link prop
Applies specified color to the control - it can be the name of material color (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5))
Applies the dark theme variant
Route item is disabled
Exactly match the link. Without this, '/' will match every route
Vue Router router-link prop
Apply a gradient background. If used with the src prop, will overlay it
Sets the component height
Will designate the component tag to <a>
Applies the light theme variant
Specifies the link is a nuxt-link
Vue Router router-link prop
Applies the v-ripple directive
The img src
Specify a custom tag to use on the component
Specify the target attribute.
Will designate the component tag to <router-link>
Examples
Custom color
Apply a custom background-color
Gradient
More information on writing gradients can be found here
Gradient with image
More information on writing gradients can be found here