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