Route Component
A route component.
Properties
| Name | Type | Default | Description |
|---|---|---|---|
editable | boolean | false | The size of the row. Defaults to standard. |
leading-icon | 'circle' | 'square' | 'plus' | 'circle' | Indicates whether the row is navigable (clickable). |
ordinal | 'first' | 'middle' | 'last' | 'first' | Indicates whether the row is navigable (clickable). |
Slots
| Name | Description |
|---|---|
content | the content slot of the row |
CSS Properties
| Token | Default | Description |
|---|---|---|
--tap-font-family | --tap-sys-font-family | The font family used in the row. |
--tap-row-background-color | --tap-palette-white | The background color of the row. |
--tap-row-leading-vertical-padding | - | The vertical padding for the leading slot. |
--tap-row-leading-horizontal-padding | --tap-sys-spacing-4 | The horizontal padding for the leading slot. |
--tap-row-content-padding | --tap-sys-spacing-4 | The padding for the content slot. |
--tap-row-trailing-vertical-padding | - | The vertical padding for the trailing slot. |
--tap-row-trailing-horizontal-padding | --tap-sys-spacing-4 | The horizontal padding for the trailing slot. |
--tap-row-standard-height | --tap-sys-spacing-13 | The height of the standard size row. |
--tap-row-compact-height | --tap-sys-spacing-12 | The height of the compact size row. |
Events
| Name | Description |
|---|---|
slotchange | Dispatched when the content of any slot changes. |