Todae

Todae

디자인 시스템의 토대

회사의 디자인 시스템을 그 위에 세우세요.

Todae는 네이티브 HTML 위에 만든 접근성 있는 컴포넌트, 헤드리스 훅, DTCG 토큰을 제공합니다. 포크하지 않고도 이름을 바꾸고, 스타일을 입히고, 확장해 자신만의 시스템으로 만들 수 있습니다.

시작하기플레이그라운드 열기
WorkspaceActive

기초

5개 페이지

Todae의 구조와 토큰, 그리고 그 위에 시스템을 만드는 방법.

컴포넌트

40개 페이지

토큰으로 스타일을 입힌, 루트가 하나인 접근성 있는 부품.

유틸리티

16개 페이지

컴포넌트 아래의 동작을 직접 만든 마크업에 쓰는 훅.

레시피

3개 페이지

제품 데이터에 따라 달라지는 흐름을 위한 복사용 코드.

도구

1개 페이지

코드를 쓰기 전에 실제 컴포넌트에 테마를 입혀 보세요.