캐러셀
캐러셀은 하나의 콘텐츠 영역 내에 여러 개의 서로 다른 콘텐츠를 표시할 수 있는 컴포넌트이다.
캐러셀은 하나의 콘텐츠 영역 내에 여러 개의 서로 다른 콘텐츠를 표시할 수 있는 컴포넌트이다.
사용 지침
주요 정책·홍보 콘텐츠 등 동등한 가치의 항목 3~5개를 메인 영역에 배치할 때 사용하고, 자동재생을 사용할 경우 일시정지 컨트롤과 키보드 이동을 반드시 제공합니다.
예제
Default
정부24 민원 서비스
각종 민원서류를 온라인으로 간편하게 발급받으세요.
전자정부 포털
1,400여 종의 민원 서비스를 한 곳에서 이용하세요.
간편인증 서비스
카카오, 네이버 등 간편인증으로 빠르게 로그인하세요.
Full Banner
타이틀 영역 타이틀 영역
컨텐츠 영역 컨텐츠 영역 컨텐츠 영역 컨텐츠 영역
정부24 민원 서비스
각종 민원서류를 온라인으로 간편하게 발급받으세요.
공공데이터 포털
AI·산업 분야 활용이 가능한 데이터를 개방합니다.
간편인증 서비스
카카오, 네이버 등 익숙한 인증으로 빠르게 로그인하세요.
Element Banner
배너영역 타이틀
서브타이틀
타이틀
정책 뉴스
2024 디지털플랫폼정부 추진 계획
공모 사업
공공데이터 활용 창업 경진대회 모집
행사 안내
정부혁신박람회 2024 사전 등록 시작
Autoplay
2024.03.20
시스템 점검 안내 (00:00 ~ 06:00)
2024.03.15
민원 서비스 개편 사전 안내
2024.03.10
간편인증 서비스 신규 추가 안내
2024.03.05
2024년 상반기 전자정부 서비스 계획 공개
Multiple
📋주민등록등본
🏠부동산 등기
🚗자동차 등록
📚학력 인증
💼사업자 등록
🏥의료급여
Vertical
01
신청서 작성
민원 정보를 입력합니다.
02
서류 첨부
필요 서류를 업로드합니다.
03
본인인증
간편인증으로 신원을 확인합니다.
04
제출 완료
접수번호를 저장해 두세요.
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| aria-label | string | — | Defines a string value that labels the current element. @see aria-labelledby. |
| className | string | — | — |
| id | string | — | — |
| onClick | MouseEventHandler<HTMLDivElement> | — | — |
| opts | Partial<OptionsType> | — | — |
| orientation | enum | — | — |
| plugins | CreatePluginType<LoosePluginType, {}>[] | — | — |
| setApi | ((api: EmblaCarouselType) => void) | — | — |
| style | CSSProperties | — | — |
| tabIndex | number | — | — |