Specifications
There are two sizes of Chips:
- By default, Chips should have a height of 30px, border radius 16px and a font size 13px
- Smaller variant will have a height of 24px, border radius 16px and a font size 12px
Example | Height | |
---|---|---|
Default |
![]() Clifford
cancel
| 30px |
Small |
![]() Jane cancel | 24px |
Input chips can be in any of the following states:
Solid | Outline | |
---|---|---|
Default |
![]() Clifford
cancel
|
![]() Jeff
cancel
|
Hover |
![]() Clifford
cancel
|
![]() Jeff
cancel
|
Active |
![]() Clifford
cancel
|
![]() Jeff
cancel
|
Error |
![]() Clifford
cancel
|
![]() Jeff
cancel
|
Disabled |
![]() Clifford
cancel
|
![]() Jeff
cancel
|
Choose Amenities
Elevator
Pets OK
Washer/Dryer
Pool
Free Wi-Fi
Behaviors
- Tap a chip to select it.
- Multiple chips can be selected or unselected.
Was this page helpful?
Thanks for your feedback!