Design System
Design System
Foundation
Getting Started
Color
Typography
Branding
Templates
Components
Forms
Buttons
Navigation
Toasts
Flash messages
Charts
Modals
Tables
Breadcrumb
Action menu
Pagination
Interactions
Logs overview
Logging flow v2
Back to Tadoku
Forms
React example: Log pages form
Code
Where to track?
Automatic
Submit log to all eligible contests
Manual
Choose which contests to submit to
Personal
Do not submit to any contests
This selection is invalid
Language
Japanese
Chinese
Korean
This selection is invalid
Activity
Reading
Listening
Speaking
Writing
This selection is invalid
Amount
Pages
Comic pages
Description
This input is invalid
Tags
This selection is invalid
Save changes
React example: Autocomplete
Code
Tags
This selection is invalid
Activities
Select 3 at most
Select 3 at most
This selection is invalid
Submit
React example: Tags Input
Code
Tags
0/5
0/5
This selection is invalid
Submit
React example: Compose blog post form
Code
Title
This input is invalid
Content
This input is invalid
Published at
This input is invalid
Published
This input is invalid
Save
React example: other elements
Code
Card type
Sentence card
Vocab card
This selection is invalid
Datetime
This input is invalid
Time
This input is invalid
Week
This input is invalid
Month
This input is invalid
Color
This input is invalid
Email
This input is invalid
File
This input is invalid
Range
This input is invalid
Search
This input is invalid
tel
This input is invalid
url
This input is invalid
Submit
Basic elements
Code
First name
Message
Choose a color
Red
Green
Blue
Choose a color
Red
Green
Blue
First name
Should be at least 1 character long