BlogPlaygroundOne

VFooter API

ads via vuetify

Props
name
type
default
absolute
boolean

false

Applies position: absolute to the component.

app
boolean

false

Determines the position of the footer. If true, the footer would be given a fixed position at the bottom of the viewport. If false, the footer is set to the bottom of the page.

border
string | number | boolean

false

Applies utility border classes to the component. To use it, you need to omit the border- prefix, (for example use border-sm as border="sm"). Find a list of the built-in border classes on the borders page.

color
string

undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

elevation
string | number

undefined

Designates an elevation applied to the component between 0 and 5. You can find more information on the elevation page.

height
string | number

'auto'

Sets the height for the component.

name
string

undefined

Assign a specific name for layout registration.

order
string | number

0

Adjust the order of the component in relation to its registration order.

rounded
string | number | boolean

undefined

Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page.

tag
string | (new () => any) | FunctionalComponent

'footer'

Specify a custom tag used on the root element.

theme
string

undefined

Specify a theme for this component and all of its children.

tile
boolean

false

Removes any applied border-radius from the component.

Slots
never
default

The default Vue slot.

SASS Variables
name
default
rgb(var(--v-theme-surface))
(
  $footer-border-color,
  $footer-border-style,
  $footer-border-width,
  $footer-border-thin-width
)
settings.$border-color-root
map.get(settings.$rounded, 0)
settings.$border-style-root
thin
0
tools.theme-color('on-surface', var(--v-high-emphasis-opacity))
0
1 1 auto
14px
8px 16px
absolute fixed
settings.$border-radius-root
(
  $footer-background,
  $footer-color
)
.2s settings.$standard-easing