Jumbotron Component — Vuetify.js

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.

Utilização

API

props

Nome

active-class

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

append

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

color

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

dark

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

disabled

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

exact

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

exact-active-class

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

gradient

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

height

Padrão

400px

Tipos

number | string

Define a altura do componente

Nome

href

Padrão

undefined

Tipos

string | object

Components.Jumbotrons.

Nome

light

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

nuxt

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

replace

Padrão

false

Tipos

boolean

Components.Jumbotrons.

Nome

ripple

Padrão

undefined

Tipos

boolean | object

Aplica a diretiva v-ripple

Nome

src

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

tag

Padrão

'div'

Tipos

string

Components.Jumbotrons.

Nome

target

Padrão

undefined

Tipos

string

Components.Jumbotrons.

Nome

Padrão

undefined

Tipos

string | object

Components.Jumbotrons.

Exemplos

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

Up Next

Edit this page | language on Github

— Contribution Guide