The v-footer component is used for displaying general information that a user might want to access from any page within your site.
Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.
Applies position: absolute to the component.
Designates the component as part of the application layout. Used for dynamically adjusting content sizing. Components using this prop should reside outside of v-main component to function properly. You can more information about layouts on the application page. Note: this prop automatically applies position: fixed to the layout element. You can overwrite this functionality by using the absolute 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)). You can find list of built in classes on the colors page.
Применить в компоненте тёмную тему. Вы можете найти больше информации в документации Material Design для [тёмных тем оформления] (https://material.io/design/color/dark-theme.html).
Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page.
Applies position: fixed to the component.
Sets the height for the component.
Позиционирует смещение toolbar (панели инструментов) от приложения v-navigation-drawer
Applies the light theme variant to the component.
Sets the maximum height for the component.
Sets the maximum width for the component.
Sets the minimum height for the component.
Sets the minimum width for the component.
Removes elevation (box-shadow) and adds a thin border.
Remove all padding from the footer
Designates the border-radius applied to the component. You can find more information on the Border Radius page.
Applies a large border radius on the top left and bottom right of the card.
Specify a custom tag used on the root element.
Removes the component's border-radius.
Sets the width for the component.
Слот Vue по умолчанию.
0 !default;0 !default;6px 16px !default;0px !default;map-get($rounded, 'xl') $footer-border-radius !default;0.2s !default;background-color, left, right !default;map-get($transition, 'fast-out-slow-in') !default;Ниже приведена коллекция простых и сложных примеров.
The absolute prop positions footers absolutely at the bottom of their parent container.
The padless prop removes all default padding from the footer component.
Компонент footer как базовый footer компании со ссылками.
Компонент footer с цветом фона индиго и значками социальных сетей и кнопкой.
Компонент footer с заголовком цвета Teal и столбцами и строками ссылок.
Готовы к большему? Продолжить чтение с: