The v-footer
component is used for displaying general information that a user might want to access from any page within your site.
제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.
Applies position: absolute to the component.
해당 컴포넌트를 애플리케이션 레이아웃의 일부로 지정합니다. content sizing을 동적으로 조정하는데 사용됩니다. 이 prop을 사용하는 컴포넌트는 기능을 적절히 수행하기 위해 v-main
의 바깥에 위치해야 합니다. application page에서 레이아웃에 대한 더 많은 내용을 확인할 수 있습니다. Note: 이 prop은 레이아웃 요소에 자동으로 position: fixed를 적용합니다. 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.
Applies the dark theme variant to the component. You can find more information on the Material Design documentation for dark themes.
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.
Positions the toolbar offset from an application 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.
The default Vue slot.
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.
링크를 가진 기본적인 회사 바닥글 컴포넌트 입니다.
인디고 배경색과 소셜 미디어 아이콘/버튼을 가진 바닥글 입니다.
틸(Teal) 색상 헤더와 링크들의 열(column), 행(row)을 가진 바닥글 입니다.