npm package: @simpledotstudio/simple-ui
Description: The complete Simple UI components bundle
Author: SimpleStudio
Latest version: 2.0.0-alpha.9

# @simpledotstudio/simple-ui

The complete Simple UI components bundle

## Installation

```bash
npm install @simpledotstudio/simple-ui
```

## Included Components

This bundle includes the following components:

- @simpledotstudio/simple-avatar
- @simpledotstudio/simple-avatar-select
- @simpledotstudio/simple-banner
- @simpledotstudio/simple-banner-select
- @simpledotstudio/simple-bottom-sheet
- @simpledotstudio/simple-button
- @simpledotstudio/simple-card
- @simpledotstudio/simple-checkbox
- @simpledotstudio/simple-conversation
- @simpledotstudio/simple-conversation-input
- @simpledotstudio/simple-db-read
- @simpledotstudio/simple-db-write
- @simpledotstudio/simple-dialog
- @simpledotstudio/simple-icon
- @simpledotstudio/simple-icon-button
- @simpledotstudio/simple-image
- @simpledotstudio/simple-input
- @simpledotstudio/simple-loader
- @simpledotstudio/simple-media-preview
- @simpledotstudio/simple-menu
- @simpledotstudio/simple-pay-button
- @simpledotstudio/simple-select
- @simpledotstudio/simple-sidebar
- @simpledotstudio/simple-switch
- @simpledotstudio/simple-tabs
- @simpledotstudio/simple-text
- @simpledotstudio/simple-textarea
- @simpledotstudio/simple-toast
- @simpledotstudio/simple-tooltip

## Usage

Import components from the bundle:

```tsx
import { 
  SimpleButton, 
  SimpleInput, 
  SimpleCard,
  SimpleText,
  SimpleImage,
  // ... other components 
} from '@simpledotstudio/simple-ui';

function App() {
  return (
    <SimpleCard>
      <SimpleImage 
        src="/logo.png" 
        alt="Logo" 
        width={200} 
        height={100} 
      />
      <SimpleText as="h1" variant="primary">
        Welcome
      </SimpleText>
      <SimpleInput placeholder="Enter text..." />
      <SimpleButton variant="primary">Submit</SimpleButton>
    </SimpleCard>
  );
}
```

## Why Use This Bundle?

- **Single dependency**: Install once, use multiple components
- **Consistent versions**: All components work well together
- **Smaller install**: Shared dependencies are deduplicated
- **Tree-shakable**: Only the components you use are included in your application

## Individual Component Docs

For detailed documentation on each component, see their individual packages:

- [@simpledotstudio/simple-avatar](https://www.npmjs.com/package/@simpledotstudio/simple-avatar)
- [@simpledotstudio/simple-avatar-select](https://www.npmjs.com/package/@simpledotstudio/simple-avatar-select)
- [@simpledotstudio/simple-banner](https://www.npmjs.com/package/@simpledotstudio/simple-banner)
- [@simpledotstudio/simple-banner-select](https://www.npmjs.com/package/@simpledotstudio/simple-banner-select)
- [@simpledotstudio/simple-bottom-sheet](https://www.npmjs.com/package/@simpledotstudio/simple-bottom-sheet)
- [@simpledotstudio/simple-button](https://www.npmjs.com/package/@simpledotstudio/simple-button)
- [@simpledotstudio/simple-card](https://www.npmjs.com/package/@simpledotstudio/simple-card)
- [@simpledotstudio/simple-checkbox](https://www.npmjs.com/package/@simpledotstudio/simple-checkbox)
- [@simpledotstudio/simple-conversation](https://www.npmjs.com/package/@simpledotstudio/simple-conversation)
- [@simpledotstudio/simple-conversation-input](https://www.npmjs.com/package/@simpledotstudio/simple-conversation-input)
- [@simpledotstudio/simple-db-read](https://www.npmjs.com/package/@simpledotstudio/simple-db-read)
- [@simpledotstudio/simple-db-write](https://www.npmjs.com/package/@simpledotstudio/simple-db-write)
- [@simpledotstudio/simple-dialog](https://www.npmjs.com/package/@simpledotstudio/simple-dialog)
- [@simpledotstudio/simple-icon](https://www.npmjs.com/package/@simpledotstudio/simple-icon)
- [@simpledotstudio/simple-icon-button](https://www.npmjs.com/package/@simpledotstudio/simple-icon-button)
- [@simpledotstudio/simple-image](https://www.npmjs.com/package/@simpledotstudio/simple-image)
- [@simpledotstudio/simple-input](https://www.npmjs.com/package/@simpledotstudio/simple-input)
- [@simpledotstudio/simple-loader](https://www.npmjs.com/package/@simpledotstudio/simple-loader)
- [@simpledotstudio/simple-media-preview](https://www.npmjs.com/package/@simpledotstudio/simple-media-preview)
- [@simpledotstudio/simple-menu](https://www.npmjs.com/package/@simpledotstudio/simple-menu)
- [@simpledotstudio/simple-pay-button](https://www.npmjs.com/package/@simpledotstudio/simple-pay-button)
- [@simpledotstudio/simple-select](https://www.npmjs.com/package/@simpledotstudio/simple-select)
- [@simpledotstudio/simple-sidebar](https://www.npmjs.com/package/@simpledotstudio/simple-sidebar)
- [@simpledotstudio/simple-switch](https://www.npmjs.com/package/@simpledotstudio/simple-switch)
- [@simpledotstudio/simple-tabs](https://www.npmjs.com/package/@simpledotstudio/simple-tabs)
- [@simpledotstudio/simple-text](https://www.npmjs.com/package/@simpledotstudio/simple-text)
- [@simpledotstudio/simple-textarea](https://www.npmjs.com/package/@simpledotstudio/simple-textarea)
- [@simpledotstudio/simple-toast](https://www.npmjs.com/package/@simpledotstudio/simple-toast)
- [@simpledotstudio/simple-tooltip](https://www.npmjs.com/package/@simpledotstudio/simple-tooltip)

## License

MIT © SimpleStudio