13 / 47

Card

제목·설명·본문·버튼을 담는 상자입니다. 화면을 구역으로 나눌 때 가장 많이 쓰입니다.

Basic

제목·설명·본문으로 이뤄진 가장 단순한 형태입니다.

프로젝트 생성
새 프로젝트를 한 번에 설정합니다.

Card는 제목, 설명, 본문, 하단 버튼 영역을 조합해서 쓰는 상자입니다.

Action

머리말 오른쪽에 버튼을 붙여 추가 동작을 둡니다.

이번 달 사용량
9월 1일 ~ 9월 14일

402.3 GB

전체 1 TB 중 40%

Small

여백이 좁은 작은 크기입니다. 목록 안에 여러 장 넣을 때 좋습니다.

알림
읽지 않은 메시지 3건

여백이 좁아 목록 안에 여러 장을 넣기 좋습니다.

Spacing

여백 변수 하나로 카드 전체 간격을 조절합니다.

여백 조절
--card-spacing 값을 바꾸면 안쪽 여백이 한껴번에 달라집니다.

이 카드는 기본보다 여백을 넓게 잡았습니다.