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

indoqa-rebass-components

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

indoqa-rebass-components - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

2

package.json
{
"name": "indoqa-rebass-components",
"version": "0.1.1",
"version": "0.1.2",
"main": "./dist/indoqa-rebass-components.min.js",

@@ -5,0 +5,0 @@ "scripts": {

@@ -7,1 +7,36 @@ # Indoqa Rebass Components

* List/ListItem: Ordered and unordered lists with default padding/margin settings and configurable listStyleType.
## Example
```javascript
import React from 'react'
import {Space} from 'rebass'
import {Div, List, ListItem} from 'indoqa-rebass-components'
const ListExample = () => (
<Div>
<List>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
<Space y={1} />
<List itemType="circle">
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
<Space y={1} />
<List ordered>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
</Div>
)
export default ListExample
```

@@ -9,28 +9,22 @@ import React from 'react'

<Div>
<Div>
<List>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
</Div>
<List>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
<Space y={1} />
<Div>
<List itemType="circle">
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
</Div>
<List itemType="circle">
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
<Space y={1} />
<Div>
<List ordered>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
</Div>
<List ordered>
<ListItem> item 1 </ListItem>
<ListItem> item 2 </ListItem>
<ListItem> item 3 </ListItem>
<ListItem> item 4 </ListItem>
</List>
</Div>

@@ -37,0 +31,0 @@ )

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