open-index/open-npm huggingface dataset:
npm package: @sensilla-cloud/react-context-menu
Description: A react component for custom context menus
Author: Sensilla Cloud
Latest version: 1.1.0

# react-context-menu
A react component for custom context menus.  Designed to be dropped in and used.

There is no included styles, however, the `stories` directory contains the scss used for the stories and can be used as a good starting point.

The menu handles placement even when close to the edge of the screen and sub-menus can be nested.

## Quick Start
```typescript
import ContextMenu from '@sensilla-cloud/react-context-menu';

<ContextMenu items={[
        <span>Item 1</span>,
        <span>Item 2</span>
    ]}
    className="context-menu">
    <div
        style={{
            width: 300,
            height: 300,
            backgroundColor: '#222',
            color: '#fff',
            textAlign: 'center',
            lineHeight: '300px',
            marginLeft: 'auto',
            marginRight: 'auto'
        }}
    >
        Right-click Me!
    </div>
</ContextMenu>
```

Check out the storybook to see everything that is possible.

## License
This library is licensed under the MIT license.
npm package: @sensilla-cloud/react-file-tree
Description: Virtualized tree for displaying hierarchy in a traditional file-tree format
Author: Sensilla Cloud
Latest version: 1.0.9

# react-file-tree

React-File-Tree is designed to be a kitchen-sink component that you can drop in and forget about.
It does however, come with a multitude of customization options to make it behave like you want.

## Installation

```bash
npm install @sensilla-cloud/react-file-tree
```

or

```bash
yarn add @sensilla-cloud/react-file-tree
```

## Basic Usage

```jsx
import React from 'react';
import FileTree from '@sensilla-cloud/react-file-tree';

const data = [
    {
        id: 1,
        name: 'abc',
        children: [
            {
                id: 2,
                name: 'def'
            },
            {
                id: 3,
                name: 'ghi'
            }
        ]
    }
]

const App = () => (
    <FileTree data={data} />
)
```

You can view the api documentation [here](https://sensilla-cloud.github.io/react-file-tree/)

## License

This project is licensed under the terms of the MIT license.