컴포넌트

Card

카드로 콘텐츠 표시

Card는 관련 콘텐츠나 네비게이션 링크를 표시합니다.

기본 Card

<Card title="시작하기" icon="🚀">
  프로젝트에 Barodoc을 설정하는 방법을 알아보세요.
</Card>

링크가 있는 Card

<Card title="문서" icon="📚" href="/docs/introduction">
  전체 문서를 읽어보세요.
</Card>

Card Group

여러 카드를 반응형 그리드로 그룹화:

<CardGroup cols={2}>
  <Card title="설치" icon="📦" href="/docs/guides/installation">
    프로젝트에 Barodoc 설치하기.
  </Card>
  <Card title="설정" icon="⚙️" href="/docs/guides/configuration">
    문서 사이트 설정하기.
  </Card>
</CardGroup>

3열 레이아웃

<CardGroup cols={3}>
  <Card title="빠름" icon="⚡">Astro 기반.</Card>
  <Card title="간단" icon="✨">제로 설정.</Card>
  <Card title="유연" icon="🔧">커스터마이징.</Card>
</CardGroup>

Props

Card

CardGroup