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 'unifyedx-storybook-new'
✗ const Button = require('unifyedx-storybook-new').Button
ESM-only; CJS require not supported in this version. Named export.
Modal
✓ import { Modal } from 'unifyedx-storybook-new'
✗ import Modal from 'unifyedx-storybook-new'
Default export does not exist; must use named import.
style.css
✓ import 'unifyedx-storybook-new/style.css'
✗ import 'unifyedx-storybook-new/dist/style.css'
CSS file path is unifyedx-storybook-new/style.css, not under dist.
Breadcrumbs
✓ import { Breadcrumbs } from 'unifyedx-storybook-new'
✗ import { Breadcrumbs } from 'unifyedx-storybook-new/Breadcrumbs'
Components are barrel-exported from the main package; subpath imports may not be available.
Demonstrates importing Button, Modal, Input and CSS, and using them in a React component with state.
import React from 'react';
import { Button, Modal, Input } from 'unifyedx-storybook-new';
import 'unifyedx-storybook-new/style.css';
function App() {
const [isOpen, setIsOpen] = React.useState(false);
const [value, setValue] = React.useState('');
return (
<div>
<Button onClick={() => setIsOpen(true)}>Open Modal</Button>
<Modal open={isOpen} onClose={() => setIsOpen(false)} title='Example'>
<Input value={value} onChange={e => setValue(e.target.value)} placeholder='Type here'/>
</Modal>
</div>
);
}
export default App;
Errors
Common errors & fixes
Module not found: Can't resolve 'unifyedx-storybook-new/style.css'
Missing CSS import or incorrect path.
fixEnsure you do: import 'unifyedx-storybook-new/style.css' (not under dist).
Cannot find module '@syncfusion/ej2-react-grids'
Missing Syncfusion peer dependency.
fixInstall it: npm i @syncfusion/ej2-react-grids@32.1.19
React is not defined
Missing React import in file using JSX when not using automatic runtime.
fixAdd import React from 'react'; at top of file or enable jsx-runtime.
Attempted import error: 'Button' is not exported from 'unifyedx-storybook-new'
Using default import instead of named import.
fixUse import { Button } from 'unifyedx-storybook-new' instead of import Button from ... Audit
Dependencies
reactrequiredReact >=18 required as peer dependency
react-domrequiredDOM rendering peer dependency
react-router-domrequiredRequired for navigation components like Breadcrumbs and Sidebar
@headlessui/reactrequiredAccessible primitive components (Modal, Tooltip, etc.)
framer-motionrequiredAnimation library for transitions
@floating-ui/reactrequiredFloating UI positioning for Tooltip, Popover
react-toastifyrequiredToast notification system (v10)
lodashrequiredUtility functions (debounce, etc.)
@syncfusion/ej2-baserequiredSyncfusion base for ej2 components (grids, inputs, etc.)
@syncfusion/ej2-react-baserequiredSyncfusion React wrapper for ej2
@syncfusion/ej2-react-gridsrequiredData grid component
@syncfusion/ej2-react-inputsrequiredSyncfusion input components
@syncfusion/ej2-react-splitbuttonsrequiredSplit button components