MiniCardGrid
짧은 개념 여러 개를 카드 형태로 훑게 합니다.
items는 '제목: 설명' 형식으로 쓰면 카드 안에 제목과 설명이 나뉘어 표시됩니다.
tone 사용 팁: 평범한 설명은 neutral, 참고 정보는 info, 좋은 결론은 success, 주의할 점은 warning, 위험한 작업은 danger를 먼저 떠올리면 됩니다. 자세한 기준은 tone 사용법에 모아두었습니다.
Preview
remark
Markdown을 다룬다
rehype
HTML 단계에서 다듬는다
MDXRemote
글을 렌더링한다
MDX
<MiniCardGrid
tone="neutral"
variant="soft"
items="remark: Markdown을 다룬다|rehype: HTML 단계에서 다듬는다|MDXRemote: 글을 렌더링한다"
/>More Examples
3열 카드
초안
생각을 빠르게 적는다
검토
흐름을 다듬는다
발행
링크와 이미지를 확인한다
MDX
<MiniCardGrid
columns="3"
tone="info"
items="초안: 생각을 빠르게 적는다|검토: 흐름을 다듬는다|발행: 링크와 이미지를 확인한다"
/>