TeamWicked Design System / 컴포넌트
아코디언
필수가 아닌 긴 보조 내용을 점진적으로 공개을 위한 컴포넌트.
적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.
백업은 어디에서 확인하나요?
서버 상세의 백업 메뉴에서 백업 목록과 상태를 확인할 수 있습니다.
서버 연결 정보를 복사하려면?
주소 옆의 복사 버튼을 사용하세요.
도움이 필요하다면?
고객 지원에서 문의를 작성할 수 있습니다.
TeamWicked 웹사이트 토큰으로 구성한 동작 예제예시 데이터 · API 미연결
목적과 사용
필수가 아닌 긴 보조 내용을 점진적으로 공개에 사용합니다. 반드시 모두 읽어야 하는 위험·가격·동의 내용을 숨기지 않습니다.
구성과 변형
제목 버튼, 열림 표시, 연결된 내용. 변형의 외형은 각 제품의 기존 토큰을 사용합니다. Carbon의 크기·색·모서리·아이콘을 가져오지 않습니다.
동작 규칙
- ACC-01 MUST: 제목만 읽어도 안의 내용을 예상할 수 있어야 합니다.
- ACC-02 MUST: 실제 열림 상태와 aria-expanded가 일치합니다.
- ACC-03 SHOULD: 여러 항목 동시 열기 여부를 작업 성격에 맞게 정합니다.
- ACC-04 MUST: 접힌 필드에 오류가 있으면 사용자가 발견·이동할 수 있게 합니다.
콘텐츠 예시
좋음: 선택적 고급 설정 설명 / 피함: 추가 요금 조건을 기본 접힘에만 둠.
우리 구현과 연결
TeamWicked 자체 웹사이트의 토큰과 CTA를 사용합니다. vPanel·Pterodactyl·Store의 구현은 WickedHost 체계에 속하며 이 체계의 컴포넌트를 정의하지 않습니다. 실행 예제의 원본 경로는 구현 코드 탭을 확인하세요.
상태와 검증
열기/닫기·직접 링크·접힌 오류·긴 제목·인쇄를 확인합니다.
일반·hover·focus·실행 중·실패·성공·disabled·read-only 중 해당하는 상태를 기록합니다. 해당하지 않는 상태를 임의로 만들지 말고 이유를 남깁니다. 검증 체크리스트에 증거를 연결합니다.