Chips are compact elements that enable users to make a selections from available options, either as an input or an action.
Filled
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Is Active | Variant | True |
| False | ||
| Has Icon | Variant | None |
| Trailing | ||
| Leading | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |
Filled Avatar
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Is Active | Variant | True |
| False | ||
| Has Icon | Variant | True |
| False | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |
Outlined
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Is Active | Variant | True |
| False | ||
| Has Icon | Variant | None |
| Trailing | ||
| Leading | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |
Outlined Avatar
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Is Active | Variant | True |
| False | ||
| Has Icon | Variant | True |
| False | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |
Filled - Full width
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Active | Variant | False |
| True | ||
| Has Icon | Variant | None |
| Leading | ||
| Trailing | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |
Outlined - Full width
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Active | Variant | False |
| True | ||
| Has Icon | Variant | None |
| Leading | ||
| Trailing | ||
| State | Variant | Enabled |
| Hover | ||
| Focus | ||
| Pressed | ||
| Error | ||
| Disabled | ||
| Skeleton |