컴포넌트
손으로 만들기 어려운 인터랙션을 위한 16개 내보내기입니다. 하는 일로 골라 보세요. 모든 페이지에 실행 작업대가 있습니다.
- MotionNumber · MotionText자리마다 바퀴처럼 구르는 숫자. 생기고 사라지는 자리까지.가격, 합계, 카운터, 점수, 타이머.숫자와 글
- MotionStream몰려오는 스트리밍 글을 일정한 속도로 보여 주고, 밀리면 따라잡습니다.AI 답변, 로그, 실시간 자막.숫자와 글
- MotionSwap크기가 따라가며 서로 교차해 바뀌는 내용.버튼 상태, 아이콘 교체, 로딩에서 완료로.내용과 크기
- MotionHeight내용을 따라가는 높이. 접기, 펼치기, 내용 변화까지.아코디언, 자세히 보기, 펼쳐지는 카드.내용과 크기
- MotionPresence나타나고 사라지는 동안 내용을 마운트한 채 유지합니다.알림, 배너, 인라인 메시지.내용과 크기
- MotionHighlight데이터로 만드는 탭·세그먼트·내비게이션. 하이라이트 하나가 선택으로 이동합니다.탭, 필터, 세그먼트 컨트롤, 내비게이션.선택과 넘기기
- MotionPager데이터로 만드는 넘기는 페이지. 온보딩, 캐러셀, 탭 패널.온보딩, 캐러셀, 탭 패널.선택과 넘기기
- MotionList바뀐 항목만 움직이는 데이터 목록.할 일, 피드, 검색 결과, 장바구니.목록
- MotionReorder끌어서 순서를 바꾸는 목록과 격자. 키보드도 지원합니다.재생 목록, 보드, 순위 목록.목록
- MotionSwipe밀어서 동작을 드러내고, 원하면 밀어서 없애는 행.받은편지함 행, 동작이 있는 목록 항목.제스처
- MotionHold되돌리기 어려운 동작을 길게 눌러 확정합니다. 일찍 떼면 되감깁니다.삭제, 초기화, 결제, 모든 기기에서 로그아웃.제스처
- MotionSheet멈춤 위치, 튕기기, 스크롤 넘겨받기가 있는 아래·위 시트와 옆 서랍.필터, 메뉴, 상세 정보, 서랍.겹침 화면
- MotionZoom제자리에서 전체 화면으로 커지는 이미지. 끌어서 치우면 닫힙니다.갤러리, 상품 사진, 글 속 이미지.겹침 화면
- ProgressBar · ProgressRing제어형 진행 막대와 링. 알 수 없는 진행 상태도 있습니다.업로드, 다운로드, 단계, 사용량.진행