@pingux/astro 2.13.0-alpha.11 → 2.13.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,6 +10,14 @@ The ListViewItem allows easy creation of list items. Styles have been included t
|
|
|
10
10
|
This component is intended to be used inside a ListView component. See the [ListAndPanel](./?path=/story/experimental-recipes-listandpanel--list-and-panel) and [ScrollableListView](./?path=/story/experimental-recipes-scrollablelistview--scrollable-list-view)
|
|
11
11
|
recipes for a more detailed examples.
|
|
12
12
|
|
|
13
|
+
#### Commonly Used Components
|
|
14
|
+
There are a few commonly used components we've created which have the correct styling pre-applied and we recommend you use these over their defaults. These go into the children of the ListViewItem component. These components are:
|
|
15
|
+
* `ListViewItemSwitchField` - Use in place of SwitchField. This control is used to activate / deactivate an item in a list. Apply an aria-label to this component which describes the action when used, e.g. `aria-label={item.isActive ? 'deactivate item' : 'activate item'}` .
|
|
16
|
+
|
|
17
|
+
* `ListViewItemEditButton` - Use in place of IconButton when editing is a primary action.
|
|
18
|
+
|
|
19
|
+
* `ListViewItemMenu` - Use in place of Menu. This control is used to offer a popup menu of several actions which are less important / less commonly used.
|
|
20
|
+
|
|
13
21
|
#### Icons and Images
|
|
14
22
|
Add an icon by passing an mdi or svg icon to the `data.icon` prop. Default size is 25px.
|
|
15
23
|
|
|
@@ -10,6 +10,14 @@ The ListViewItem allows easy creation of list items. Styles have been included t
|
|
|
10
10
|
This component is intended to be used inside a ListView component. See the [ListAndPanel](./?path=/story/experimental-recipes-listandpanel--list-and-panel) and [ScrollableListView](./?path=/story/experimental-recipes-scrollablelistview--scrollable-list-view)
|
|
11
11
|
recipes for a more detailed examples.
|
|
12
12
|
|
|
13
|
+
#### Commonly Used Components
|
|
14
|
+
There are a few commonly used components we've created which have the correct styling pre-applied and we recommend you use these over their defaults. These go into the children of the ListViewItem component. These components are:
|
|
15
|
+
* `ListViewItemSwitchField` - Use in place of SwitchField. This control is used to activate / deactivate an item in a list. Apply an aria-label to this component which describes the action when used, e.g. `aria-label={item.isActive ? 'deactivate item' : 'activate item'}` .
|
|
16
|
+
|
|
17
|
+
* `ListViewItemEditButton` - Use in place of IconButton when editing is a primary action.
|
|
18
|
+
|
|
19
|
+
* `ListViewItemMenu` - Use in place of Menu. This control is used to offer a popup menu of several actions which are less important / less commonly used.
|
|
20
|
+
|
|
13
21
|
#### Icons and Images
|
|
14
22
|
Add an icon by passing an mdi or svg icon to the `data.icon` prop. Default size is 25px.
|
|
15
23
|
|