컴포넌트의 세부 정보를 자세히 다루기 전에 기본적인 것을 작성해야 합니다. 컴포넌트 기본 사항의 행을 작성하는 것부터 시작하세요. 컴포넌트에 이름을 지정하고 컴포넌트의 역할을 설명하고 번호가 매겨진 호출이 포함된 구조 다이어그램을 업로드합니다. 호출을 사용하여 키를 만들고 컴포넌트 구조의 각 요소를 정의합니다. 이 섹션의 목적은 컴포넌트의 사용자가 모든 것이 어떻게 작용하는지 이해하도록 만드는 것입니다.

더 큰 기능을 위한 디자인의 일부로 컴포넌트를 사용할 여러 방법을 다루는 단계입니다. 디자인에서의 전체적인 목적을 포함하여 컴포넌트가 어떻게 사용되는지 설명하고, 다른 컨텍스트에서 어떻게 작용하고 어떠한 모양인지 설명하세요. 디자인 시스템의 리포지토리에서 가져온 라이브 코드를 사용하여 여러 변형을 보여주세요. 마지막으로, 컴포넌트의 시각적 스타일을 설명하세요. 해야 할 것과 하지 말아야 할 것에 관한 예시를 포함하세요.

모든 컴포넌트에는 특징이 있습니다. 추가 참고 자료에 이것을 기록하세요. 콘텐츠부터 시작합니다. 이 컴포넌트에 해당하는 구두점 규칙이 있습니까? 표준 레이블은 어떻습니까? 컴포넌트별 액세스 가능성 주의 사항 및 컴포넌트를 모바일 환경에 적용하는 팁과 함께 작성합니다. 컴포넌트가 사용되는 방법에 대한 업계 표준 모범 사례가 있는 경우 이것도 나열합니다. 마지막으로 관련된 컴포넌트 또는 패턴에 대한 링크를 추가합니다.