패턴
공유 컴포넌트를 제품 워크플로로 구성합니다.
앱 셸 / 사이드바사용 가능
접을 수 있는 내비게이션, 위쪽 브랜드와 테마, 아래쪽 계정으로 콘텐츠를 구성합니다.
페이지 헤더사용 가능
브레드크럼, 제목, 설명, 작업을 정렬하고 간격을 둡니다.
검색 / 필터 바사용 가능
검색, 필터, 적용 상태, 초기화를 연결합니다.
데이터 테이블사용 가능
선택, 정렬, 필터, 열 설정, 페이지네이션을 연결합니다.
리소스 목록사용 가능
항목 패딩, 호버 영역, 상태, 상세 링크를 연결합니다.
인라인 확인사용 가능
트리거한 컨트롤 옆에서 가벼운 작업을 확인합니다.
폼 워크플로사용 가능
입력, 검증, 서버 오류, 대기와 성공 상태를 연결합니다.
비동기 작업 / 실행 상세사용 가능
대기, 실행, 취소, 부분 실패 상태를 빌드 로그와 연결합니다.
문서 페이지사용 가능
본문, 목차, 코드, 콜아웃, 언어 전환을 구성합니다.
명령 검색사용 가능
키보드로 빠른 탐색, 명령, 검색 결과를 연결합니다.
오류 / 권한 / 오프라인사용 가능
실패, 접근 제한, 연결 끊김, 복구 경로를 설명합니다.
반응형 내비게이션사용 가능
데스크톱 내비게이션을 모바일에서 접고 펼칩니다.
대시보드사용 가능
데이터 패널을 제목, 상태, 새로 고침과 함께 반응형 격자에 놓습니다.
인터랙션 랩
입력, 팝업, 중첩 패널, 테마를 한 예시에서 함께 살펴봅니다.
인터랙션 랩 열기