アトミックデザインAtomic Design

コンポーネントを原子、分子、有機体という単位で管理する設計手法 A design methodology that manages components as atoms, molecules, and organisms.

原子Atoms

ボタンButton
ラベルLabelLabel
入力InputInput

分子Molecules

ラベルLabelLabel
入力InputInput
ボタンButton
ボタンButton

有機体Organisms

フォームForm

名前NameName
入力InputInput
送信SendSend