전체 카탈로그
콘텐츠Markdown16 props

Markdown

Markdown는 마크다운 콘텐츠를 디자인 시스템 스타일로 렌더링합니다.

공식 문서 열기
실시간 미리보기콘텐츠

미리보기

Preview notes

  • Uses installed Astryx components
  • Keeps the sample compact
  • Verifies every detail page

Import

import {Markdown} from '@astryxdesign/core/Markdown';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

사용 시점

Markdown는 마크다운 콘텐츠를 디자인 시스템 스타일로 렌더링합니다.

markdownrich textproserendererstreamingmarkupformatted textmd

중요 props

displayblock | inlineoptional
densitydefault | compactoptional
headingLevelStart1 | 2 | 3 | 4 | 5 | 6optional
onLinkClick(href: string, event: MouseEvent) => void | falseoptional

테마 대상

astryx-markdown

사용 지침

  • 권장Markdown의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
  • 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
  • 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
  • 피하기공간을 줄이기 위해 필요한 레이블이나 설명을 제거하지 마세요.