Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

i2ui

Package Overview
Dependencies
Maintainers
1
Versions
71
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

i2ui - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

2

package.json
{
"name": "i2ui",
"version": "1.0.0",
"version": "1.0.1",
"main": "dist/index.js",

@@ -5,0 +5,0 @@ "module": "dist/index.esm.js",

@@ -1,3 +0,7 @@

# Intuitively Understantable User Interface
# i2ui
Intuitively Understantable User Interface
<br/>
<a href="https://www.npmjs.com/package/i2ui">

@@ -17,2 +21,11 @@ <img src="https://nodei.co/npm/i2ui.png?mini=true">

| Name | Required | Description |
| ----------- | -------- | ---------------------------------------------------------------------------- |
| `options` | Yes | Tag data |
| `fromStyle` | Yes | Style for tag with lower rate |
| `toStyle` | Yes | Style for tag with highest rate |
| `order` | No | Order of tags <br/> Values: `none`(default), `desc`, `middle`, `asc`, `edge` |
| `className` | No | Container's class name |
| `style` | No | Container's style |
```js

@@ -29,16 +42,7 @@ import { TagCloud } from 'i2ui';

<br/>
<div align="center">
<img style="width:400px" src='./images/tag-cloud.jpg'>
<img style="width:546px" src='./images/tag-cloud.jpg'>
</div>
<br/>
| Name | Required | Description |
| ----------- | -------- | ---------------------------------------------------------------------------- |
| `options` | Yes | Tag data |
| `fromStyle` | Yes | Style for tag with lower rate |
| `toStyle` | Yes | Style for tag with highest rate |
| `order` | No | Order of tags <br/> Values: `none`(default), `desc`, `middle`, `asc`, `edge` |
| `className` | No | Container's class name |
| `style` | No | Container's style |
<br/>

@@ -50,15 +54,2 @@ <a href="https://i2ui-examples.now.sh" target="_blank">TagCloud Live Demo</a>

```js
import { I2Number } from 'i2ui';
```
```html
<I2Number value={1234567.89} fromStyle={{ fontSize: '1em' }} toStyle={{ fontSize: '3em' }} />
```
<div align="center">
<img style="width:200px" src='./images/i2-number.jpg'>
</div>
<br/>
| Name | Required | Description |

@@ -75,3 +66,16 @@ | ---------------- | -------- | --------------------------------------------------------------------------------------------------------------- |

```js
import { I2Number } from 'i2ui';
```
```html
<I2Number value={1234567.89} fromStyle={{ fontSize: '1em' }} toStyle={{ fontSize: '3em' }} />
```
<br/>
<div align="center">
<img style="width:220px" src='./images/i2-number.jpg'>
</div>
<br/>
<a href="https://i2ui-examples.now.sh/number" target="_blank">I2Number Live Demo</a>
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