Components are the reusable building blocks of our design system. Each component meets a specific interaction or UI need, and has been specifically created to work together to create patterns and intuitive user experiences.
Components in Chameleon fall into three categories:
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
These components handle space and layout. |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Components are the most common component are and represent basic building blocks. They can be reused in many places. |
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Block components deliver chunks of UI dedicated to specific use cases. |
| Status | ||||
|---|---|---|---|---|
|
You’ll also find snippets. These are not components but are ready to use blocks of code that form common patterns.
All components
Foundational components
| Panel | ||||
|---|---|---|---|---|
| ||||
A very brief description |
| Panel | ||||
|---|---|---|---|---|
| ||||
Fluid grid
A very brief description |
| Panel | ||||
|---|---|---|---|---|
| ||||
Grid
A very brief description |
| Panel | ||||
|---|---|---|---|---|
| ||||
Section
A very brief description |
| Panel | ||||
|---|---|---|---|---|
| ||||
Spacer
A very brief description |
