Footer
Footer 컴포넌트는 페이지 맨 하단에 위치하며 서비스에 대한 정보를 모아둔 컴포넌트입니다.Anatomy
푸터를 구성하는 요소를 설명합니다.
Rules of Use
Sitemap
Sitemap은 각 서비스별로 내용과 로우의 수가 다르게 사용됩니다. [구름] 카테고리는 서비스별로 동일하게 사용합니다.
Import
import { Footer } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| className | Footer 컴포넌트의 스타일 클래스를 추가할 수 있습니다. string | |
| fluid | Footer 컴포넌트의 해당 사이즈부터 fluid를 적용합니다. lgmdsm | lg |
| logoImage | Footer 컴포넌트의 메인 로고를 지정할 수 있습니다. string | https://statics.goorm.io/logo/goorm.svg |
| logoLink | Footer 컴포넌트의 메인 로고를 클릭할 시, 해당 경로로 이동합니다. string | https://www.goorm.co/ |
| logoStyle | Footer 컴포넌트의 메인 로고의 스타일을 지정합니다. object | https://www.goorm.co/ |
| socialLinks | Footer 컴포넌트의 소셜 아이콘을 지정할 수 있습니다. array | |
| menuWrappers | Footer 컴포넌트의 메뉴 리스트들을 설정할 수 있습니다. array | |
| policyListGroup | Footer 컴포넌트의 정책 리스트들을 설정할 수 있습니다. array | |
| localeListGroup | Footer 컴포넌트의 다국어 리스트들을 설정할 수 있습니다. array | |
| navigatorDefaultMessage | Footer 컴포넌트의 드랍다운 기본 메시지를 설정할 수 있습니다. array | 패밀리 서비스 |
| navigatorListGroup | Footer 컴포넌트의 드랍다운 리스트를 설정할 수 있습니다. array | |
| companyInfo | Footer 컴포넌트의 회사 정보를 설정할 수 있습니다. array |