연락처 카드
담당 기관과 운영 상태를 먼저 보여 주고 전체 너비의 큰 전화 연결 버튼을 제공한다.
상태
상담 가능
복지 상담센터
활용 방법
전문 상담
화면에 전화번호를 따로 표시하지 않아도 링크의 접근 가능한 이름에는 전화번호가 포함된다.
Preview
건강 상담센터
전문 상담
평일 09:00–18:00 운영
전화 연결 02-120 tsx
<ContactCard name="건강 상담센터" role="전문 상담" phone="02-120" availability="상담 가능" />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| name | ReactNode | - | |
| phone | string | - | |
| role / description / availability | ReactNode | - | |
| actionLabel | string | "전화 연결" |