ToolGrid
라이브러리나 도구의 역할을 짧은 카드로 정리합니다.
MiniCardGrid와 비슷하지만, 라이브러리나 도구 역할을 나열할 때 이름이 더 잘 맞습니다.
tone 사용 팁: 평범한 설명은 neutral, 참고 정보는 info, 좋은 결론은 success, 주의할 점은 warning, 위험한 작업은 danger를 먼저 떠올리면 됩니다. 자세한 기준은 tone 사용법에 모아두었습니다.
Preview
next-mdx-remote
MDX 문자열을 서버에서 렌더링한다
gray-matter
frontmatter를 분리한다
MDX
<ToolGrid
columns="2"
tone="info"
items="next-mdx-remote: MDX 문자열을 서버에서 렌더링한다|gray-matter: frontmatter를 분리한다"
/>More Examples
블로그 작성 도구
MDX
글과 컴포넌트를 함께 쓴다
Mermaid
흐름도를 코드로 그린다
Vercel
정적 페이지를 배포한다
MDX
<ToolGrid
columns="3"
variant="soft"
items="MDX: 글과 컴포넌트를 함께 쓴다|Mermaid: 흐름도를 코드로 그린다|Vercel: 정적 페이지를 배포한다"
/>