New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@rmwc/list

Package Overview
Dependencies
Maintainers
0
Versions
175
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/list - npm Package Compare versions

Comparing version 14.2.6 to 14.2.7

.babelrc

12

package.json
{
"name": "@rmwc/list",
"version": "14.2.6",
"version": "14.2.7",
"description": "RMWC List component",

@@ -48,8 +48,8 @@ "main": "./index.js",

"@material/list": "^14.0.0",
"@rmwc/base": "workspace:*",
"@rmwc/icon": "workspace:*",
"@rmwc/provider": "workspace:*",
"@rmwc/ripple": "workspace:*",
"@rmwc/types": "workspace:*"
"@rmwc/base": "14.2.7",
"@rmwc/icon": "14.2.7",
"@rmwc/provider": "14.2.7",
"@rmwc/ripple": "14.2.7",
"@rmwc/types": "14.2.7"
}
}

@@ -83,2 +83,3 @@ # Lists

## List
A List Component

@@ -88,12 +89,13 @@

| Name | Type | Description |
|------|------|-------------|
| `apiRef` | `(api: null \| ListApi) => void` | An internal api used for cross component communication |
| `avatarList` | `boolean` | Makes the list start detail circular for avatars. |
| `children` | `ReactNode` | Children to render |
| `dense` | `boolean` | Reduces the padding on List items. |
| `foundationRef` | `Ref<null \| MDCListFoundation<>>` | Advanced: A reference to the MDCFoundation. |
| `nonInteractive` | `boolean` | Makes the list non interactive. In addition, you'll have to set
| Name | Type | Description |
| ---------------- | ---------------------------------- | --------------------------------------------------------------- |
| `apiRef` | `(api: null \| ListApi) => void` | An internal api used for cross component communication |
| `avatarList` | `boolean` | Makes the list start detail circular for avatars. |
| `children` | `ReactNode` | Children to render |
| `dense` | `boolean` | Reduces the padding on List items. |
| `foundationRef` | `Ref<null \| MDCListFoundation<>>` | Advanced: A reference to the MDCFoundation. |
| `nonInteractive` | `boolean` | Makes the list non interactive. In addition, you'll have to set |
`ripple={false}`
on the individual ListItems. |
on the individual ListItems. |
| `onAction` | `(evt: ListOnActionEventT) => void` | A callback for when a list item is interacted with. evt.detail = number |

@@ -106,4 +108,4 @@ | `selectedIndex` | `number \| number[]` | Sets the selectedIndex for singleSelection, radiogroup, or checkboxlist variants. Only supply number[] to checkboxlists |

## ListItem
## ListItem
A ListItem component.

@@ -113,21 +115,19 @@

| Name | Type | Description |
|------|------|-------------|
| `activated` | `boolean` | A modifier for an active state. |
| `disabled` | `boolean` | A modifier for a disabled state. |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
| `selected` | `boolean` | A modifier for a selected state. |
| Name | Type | Description |
| ----------- | ------------- | ------------------------------------- |
| `activated` | `boolean` | A modifier for an active state. |
| `disabled` | `boolean` | A modifier for a disabled state. |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
| `selected` | `boolean` | A modifier for a selected state. |
## ListItemPrimaryText
## ListItemPrimaryText
Primary Text for the ListItem
## ListItemSecondaryText
## ListItemSecondaryText
Secondary text for the ListItem
## ListItemGraphic
## ListItemGraphic
A graphic / icon for the ListItem

@@ -137,35 +137,32 @@

| Name | Type | Description |
|------|------|-------------|
| Name | Type | Description |
| ------ | ----------- | ------------------------------------------------------------------------------------------------------ |
| `icon` | `IconPropT` | The icon to use. This can be a string for a font icon, a url, or whatever the selected strategy needs. |
## ListItemMeta
## ListItemMeta
Meta content for the ListItem. This can either by an icon by setting the
Meta content for the ListItem. This can either by an icon by setting the
`icon`
prop, or any other kind of content.
prop, or any other kind of content.
### Props
| Name | Type | Description |
|------|------|-------------|
| Name | Type | Description |
| ------ | ----------- | ------------------------------------------------------------------------------------------------------ |
| `icon` | `IconPropT` | The icon to use. This can be a string for a font icon, a url, or whatever the selected strategy needs. |
## ListDivider
## ListDivider
A divider for the List
## ListGroup
## ListGroup
A container to group ListItems
## ListGroupSubheader
## ListGroupSubheader
A subheader for the ListGroup
## SimpleListItem
## SimpleListItem
A simple list item template.

@@ -175,15 +172,13 @@

| Name | Type | Description |
|------|------|-------------|
| `activated` | `boolean` | A modifier for an active state. |
| `children` | `ReactNode` | Children to render |
| `disabled` | `boolean` | A modifier for a disabled state. |
| `graphic` | `IconPropT` | A graphic icon for the ListItem. |
| `meta` | `ReactNode` | Meta content for the ListItem instead of an icon. |
| `metaIcon` | `IconPropT` | A meta icon for the ListItem |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
| `secondaryText` | `ReactNode` | Secondary Text for the ListItem. |
| `selected` | `boolean` | A modifier for a selected state. |
| `text` | `ReactNode` | Text for the ListItem. |
| Name | Type | Description |
| --------------- | ------------- | ------------------------------------------------- |
| `activated` | `boolean` | A modifier for an active state. |
| `children` | `ReactNode` | Children to render |
| `disabled` | `boolean` | A modifier for a disabled state. |
| `graphic` | `IconPropT` | A graphic icon for the ListItem. |
| `meta` | `ReactNode` | Meta content for the ListItem instead of an icon. |
| `metaIcon` | `IconPropT` | A meta icon for the ListItem |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
| `secondaryText` | `ReactNode` | Secondary Text for the ListItem. |
| `selected` | `boolean` | A modifier for a selected state. |
| `text` | `ReactNode` | Text for the ListItem. |
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc