Socket
Socket
Sign inDemoInstall

codn

Package Overview
Dependencies
Maintainers
1
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

codn - npm Package Compare versions

Comparing version 5.1.5 to 5.1.6

8

package.json
{
"name": "codn",
"version": "5.1.5",
"version": "5.1.6",
"description": "Sustainable and lightweight react components based on the greenCSS style guide. SSR ready.",

@@ -23,3 +23,3 @@ "main": "dist/index.js",

"type": "git",
"url": "git+https://github.com/Se-Gl/sustainable-react.git"
"url": "git+https://github.com/Se-Gl/codn.git"
},

@@ -51,5 +51,5 @@ "keywords": [

"bugs": {
"url": "https://github.com/Se-Gl/sustainable-react/issues"
"url": "https://github.com/Se-Gl/codn/issues"
},
"homepage": "https://github.com/Se-Gl/sustainable-react#readme",
"homepage": "https://github.com/Se-Gl/codn#readme",
"devDependencies": {

@@ -56,0 +56,0 @@ "@babel/core": "^7.18.9",

# Sustainable React Components
[![Prettier](https://github.com/Se-Gl/sustainable-react/actions/workflows/prettier.yml/badge.svg)](https://github.com/Se-Gl/sustainable-react/actions/workflows/prettier.yml)
![Coverage](https://raw.githubusercontent.com/Se-Gl/sustainable-react/main/images/badges/badge-statements.svg)
[![Downloads p/week](https://badgen.net/npm/dw/sustainable-react)](https://badgen.net/npm/dw/sustainable-react)
[![NPM version](https://badgen.net/npm/v/sustainable-react)](https://badgen.net/npm/v/sustainable-react)
[![minified + gzip](https://badgen.net/bundlephobia/minzip/sustainable-react)](https://badgen.net/bundlephobia/minzip/sustainable-react)
[![License](https://badgen.net/npm/license/sustainable-react)](https://badgen.net/npm/license/sustainable-react)
[![Prettier](https://github.com/Se-Gl/codn/actions/workflows/prettier.yml/badge.svg)](https://github.com/Se-Gl/codn/actions/workflows/prettier.yml)
![Coverage](https://raw.githubusercontent.com/Se-Gl/codn/main/images/badges/badge-statements.svg)
[![Downloads p/week](https://badgen.net/npm/dw/codn)](https://badgen.net/npm/dw/codn)
[![NPM version](https://badgen.net/npm/v/codn)](https://badgen.net/npm/v/codn)
[![minified + gzip](https://badgen.net/bundlephobia/minzip/codn)](https://badgen.net/bundlephobia/minzip/codn)
[![License](https://badgen.net/npm/license/codn)](https://badgen.net/npm/license/codn)

@@ -22,3 +22,3 @@ This is a sustainable React component project based on [greenCSS](https://github.com/Se-Gl/greenCSS). The components work with plain React, as well as with SSR - such as Next.js. Animations and the basic design were realised with greenCSS. greenCSS is an animated, responsive, lightweight and sustainable CSS library. It is recommended that you also use greenCSS in your project. If you don't want to, just style your modal with your own classes.

`npm i sustainable-react`
`npm i codn`

@@ -42,3 +42,3 @@ ### How to use the Accordion

import React from 'react'
import { Accordion } from 'sustainable-react'
import { Accordion } from 'codn'
// if you want to use the greencss classNames:

@@ -137,3 +137,3 @@ import 'greencss/css/greencss.css'

import React, { useState } from 'react'
import { Modal } from 'sustainable-react'
import { Modal } from 'codn'

@@ -179,3 +179,3 @@ export default function Home() {

import React, { useState } from 'react'
import { Modal } from 'sustainable-react'
import { Modal } from 'codn'

@@ -207,3 +207,3 @@ export default function Home() {

You can also use the sustainable-react modal in your create-react-app. Head to your `public/index.html` file and add `<div id="modal-portal" />` below the `<div id="root"></div>`.
You can also use the codn modal in your create-react-app. Head to your `public/index.html` file and add `<div id="modal-portal" />` below the `<div id="root"></div>`.

@@ -235,3 +235,3 @@ ```jsx

import React, { useState } from 'react'
import { Modal } from 'sustainable-react'
import { Modal } from 'codn'

@@ -322,3 +322,3 @@ function App() {

import React, { useState } from 'react'
import { Input, TextArea } from 'sustainable-react'
import { Input, TextArea } from 'codn'
// if you want to use the greencss classNames:

@@ -391,3 +391,3 @@ import 'greencss/css/greencss.css'

import React from 'react'
import { CookieBanner } from 'sustainable-react'
import { CookieBanner } from 'codn'
// if you want to use the greencss classNames:

@@ -394,0 +394,0 @@ import 'greencss/css/greencss.css'

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