Registry / web-framework / simple-components-react

simple-components-react

library1.0.22jsnpmunverified

A React component library inspired by Element UI (Vue), providing basic to advanced UI components. Current version is 1.0.22, with no recent updates (likely abandoned). It depends on React 16.8.6+ and lodash. The library includes components like Checkbox, Button, Switch, Timeline, and more. It is not actively maintained and lacks documentation beyond the README. Alternatives: Material-UI, Ant Design.

web-framework

npm install simple-components-react

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · SIMPLE-COMPONENTS-

simple-components-react

web-frameworkjavascriptv1.0.22

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

Button

✓ import { Button } from 'simple-components-react'

✗ import Button from 'simple-components-react/Button'

Named export from main package.

Checkbox

✓ import { Checkbox } from 'simple-components-react'

✗ const Checkbox = require('simple-components-react').Checkbox

ESM import preferred; CJS require works but not common.

Switch

✓ import { Switch } from 'simple-components-react'

Named export; no default export.

Shows how to import and use three components (Button, Checkbox, Switch) in a React app.

import React from 'react'; import { Button, Checkbox, Switch } from 'simple-components-react'; function App() { return ( <div> <Button>Click me</Button> <Checkbox label="Option" /> <Switch defaultChecked /> </div> ); } export default App;

Debug

Known issues

deprecatedProject is abandoned; no updates since 2019. Use at your own risk.

fix

Consider migrating to a maintained library like Ant Design or Material-UI.

affects: all

gotchaEvent handler props must be prefixed with 'on' (e.g., onClick, onChange) as per the library's convention.

fix

Use `onChange` instead of `change` for event props.

affects: all

gotchaLodash is a peer dependency; must be installed separately.

fix

Run 'npm install lodash' in your project.

affects: all

Errors

Common errors & fixes

Module not found: Can't resolve 'simple-components-react'

Package not installed or not in node_modules.

fix

Run 'npm install simple-components-react'.

Attempted import error: 'Button' is not exported from 'simple-components-react'

Using incorrect import syntax or older version.

fix

Use 'import { Button } from 'simple-components-react'' correctly.

Upgrade

Version history

1.0.22latest on npm

Audit

Dependencies

reactrequiredpeer dependency for React components

lodashrequiredpeer dependency for utility functions

react-domrequiredpeer dependency for rendering

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/tranlehaiquan/simple-component ↗

packagehttps://www.npmjs.com/package/simple-components-react ↗

homepagehttps://simple-components-react.com ↗