Components · Display

Table

데이터 테이블. 행 hover로 light-grey 강조. 헤더는 작은 영문 caps (Satoshi).

Preview

주차	주제	형식	상태
1	오리엔테이션	대면	완료
2	프롬프트의 기본	대면	완료
3	실무 적용 1	대면 + 온라인	진행 중
4	실무 적용 2	대면	예정

Usage

<table class="table-bss">
  <thead><tr><th>주차</th><th>주제</th></tr></thead>
  <tbody>
    <tr><td>1</td><td>오리엔테이션</td></tr>
  </tbody>
</table>

Rules

DO

수치 정렬은 우측, 텍스트는 좌측.
상태 컬럼에 Status dot 사용.

DON'T

행 간 1px 보더 외 굵은 선 금지.