WICKEDTeamWicked Design System / 컴포넌트
읽기 전용·주소 복사
수정하지 않되 선택·복사 가능한 식별자와 주소입니다.
적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.
TeamWicked 웹사이트 토큰으로 구성한 동작 예제예시 데이터 · API 미연결
목적과 사용
수정하지 않되 선택·복사 가능한 식별자와 주소입니다. TeamWicked와 WickedHost의 공통 행동 규칙으로 재사용하되 각 체계의 토큰을 적용합니다.
구성과 변형
- 읽기 전용
- 복사 성공
- 복사 권한 거절
보여 주는 형태는 해당 제품 토큰으로 구성한 문서용 예제입니다. 별도 원본 연결 표시가 없으면 운영 컴포넌트를 그대로 복제했다는 의미가 아닙니다.
동작 규칙
- CPF-01 MUST: 읽기 전용 값은 disabled로 만들지 않아 선택·복사를 허용합니다.
- CPF-02 MUST: 화면 줄임표가 실제 복사값에 들어가지 않게 합니다.
- CPF-03 MUST: 클립보드 실패 시 수동 선택·복사 경로를 남깁니다.
- CPF-04 MUST: 복사 완료 안내는 값 자체를 바꾸지 않습니다.
콘텐츠 예시
예제 이름·주소·금액은 실제 고객 데이터가 아닙니다. example.test, 개발 서버, 예제 계정처럼 목적이 분명한 가상 자료를 사용합니다. 실제 권한·저장·전송이 완료되었다고 오해할 문구는 사용하지 않습니다.
우리 구현과 연결
TeamWicked 자체 웹사이트의 토큰과 CTA를 사용합니다. vPanel·Pterodactyl·Store의 구현은 WickedHost 체계에 속하며 이 체계의 컴포넌트를 정의하지 않습니다. 실행 예제의 원본 경로는 구현 코드 탭을 확인하세요.
상태와 검증
복사값의 전체 문자열과 권한 거절 시 수동 복사 경로를 확인합니다.
라이트·다크 / desktop·mobile / 키보드 / 빈 값·긴 값 / 권한·실패 / 데이터 변경 요청 없음에 대한 증거를 기록합니다. 제품의 실제 업무 성공이나 전체 WCAG 준수 여부는 별도 검증입니다.