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:
| Status | ||
|---|---|---|
|
| Panel | ||
|---|---|---|
| ||
These components handle space and layout. |
| Status | ||||
|---|---|---|---|---|
|
| Panel | ||
|---|---|---|
| ||
Components are the most common component and represent basic building blocks. They can be reused in many places. |
| Status | ||||
|---|---|---|---|---|
|
| 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 and save you the time of creating them from scratch.
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 |
Actions & Inputs
Landmarks
Layouts
Media
Text
Snippets
| Warning |
|---|
Insert snippets here |
Looking for something else?
| Child pages (Children Display) |
|---|