Style Gallery 실행 예제

런처·클립보드·키보드 데모

raycast

상단의 재생 버튼으로 실습을 실행할 수 있습니다.

실습 화면에서 직접 조작해 보세요. 화면을 벗어나거나 재생을 멈추면 실습도 닫히며, 다시 실행하면 처음부터 시작합니다.

이 예제의 코드

실행 화면의 HTML 소스입니다. 연결된 스타일·스크립트·미디어 경로는 원래 실행 위치를 기준으로 합니다.

코드 영역을 열면 원본을 불러옵니다.

BEHIND THE EXAMPLE

이 장면을 만드는 원리

목록 검색과 키 입력에 반응하는 제품 중심 UI를 사용합니다.

검색어에 따라 필터링되는 클립보드 목록과 상세 미리보기를 조작합니다.

Unofficial 표시, 독자 카피, 동작 가능한 로컬 데모의 경계를 확인합니다.

아틀라스의 개발자 도구 사례를 실제 페이지로 확인합니다.