open-index/open-npm huggingface dataset:
npm package: @gladypops/common-shared-ui
Description: Common shared UI components for Helosend applications
Latest version: 1.0.45

# @gladypops/common-shared-ui

A shared UI component library for React applications, built on top of Ant Design.

## Installation

```bash
npm install @gladypops/common-shared-ui
```

## Dependencies

This package requires the following peer dependencies:

```json
{
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "antd": "^5.0.0"
}
```

## Components

### Button

A customizable button component that extends Ant Design's Button.

```jsx
import { Button } from '@gladypops/common-shared-ui';

<Button type="primary" onClick={() => console.log('clicked')}>
  Click me
</Button>
```

### Input

A text input component that extends Ant Design's Input.

```jsx
import { Input } from '@gladypops/common-shared-ui';

<Input 
  placeholder="Enter text" 
  onChange={(e) => console.log(e.target.value)} 
/>
```

### Select

A select/dropdown component that extends Ant Design's Select.

```jsx
import { Select } from '@gladypops/common-shared-ui';

<Select
  placeholder="Select an option"
  options={[
    { label: 'Option 1', value: '1' },
    { label: 'Option 2', value: '2' }
  ]}
  onChange={(value) => console.log(value)}
/>
```

### LabelAndValue

A component for displaying a label and its associated value.

```jsx
import { LabelAndValue } from '@gladypops/common-shared-ui';

<LabelAndValue label="Name" value="John Doe" />
```

### Drawer

A sliding drawer component that extends Ant Design's Drawer.

```jsx
import { Drawer } from '@gladypops/common-shared-ui';

<Drawer
  title="Drawer Title"
  open={isOpen}
  onClose={() => setIsOpen(false)}
>
  Drawer content
</Drawer>
```

## Development

1. Clone the repository
2. Install dependencies: `npm install`
3. Run the build: `npm run build`
4. Run Storybook: `npm run storybook`

## Contributing

1. Fork the repository
2. Create your feature branch: `git checkout -b feature/my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin feature/my-new-feature`
5. Submit a pull request

## License

MIT 

## publish and install the terminal extence is 
   git add . && git commit -m "fix: copy assets directory to dist folder" && npm run build && npm version patch && npm publish --access public