본문으로 건너뛰기
패턴

서비스 카드

서비스 이름, 목적, 처리 정보와 자격 상태를 일관된 순서로 보여 준다.

상태

basic
status

활용 방법

서비스 탐색

icon과 meta는 서비스 분류와 처리 기간을 보충한다.

Preview
tsx
<ServiceCard href="/service" icon={<Building2 />} title="건강검진 지원" description="..." meta="처리 3일" />

속성

이름타입기본값설명
hrefstring-
title / descriptionReactNode-
icon / meta / statusReactNode-