## Feature Examples
### Fills
- description: Add any number of fill options inside of a palette.
- example:
```jsx
;
```
### Type
- description: Accepts following `fill types`:
- `solid color`
- `gradient`
- `image`
- example:
```jsx
,
,
,
]}
/>
;
```
### Dimensions
- description: Control component dimensions with a parent container.
Component have no dimensions of its own - It inherits the width and height of a container it is wrapped to.
- example:
```jsx
;
```
## Common Use Case Examples
### Form Field
- description: Use `` to give the palette a label.
- example:
```jsx
;
```
### Thumbnail
- description: Create a selection of palette using `` component.
- example:
```jsx
() => {
const [selected, setSelected] = React.useState(0);
return (
setSelected(0)}
>
setSelected(1)}
>
);
};
```
### Composer
- description: Use a palette in a variety of composer side panels to allow users to select themes for their designs.
- example:
```jsx
() => {
const [selected, setSelected] = React.useState(0);
return (
Current theme setSelected(0)}>
Featured themes setSelected(1)}>
setSelected(2)}>
);
};
```