@simpledotstudio/simple-ui

v2.0.0-alpha.9

Published

5 months ago

The complete Simple UI components bundle

0High
0Medium
0Low

tylerdmace

illsn

react components ui essentials

@simpledotstudio/simple-ui

The complete Simple UI components bundle

Installation

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:

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:

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

@simpledotstudio/simple-ui

Installation

Included Components

Usage

Why Use This Bundle?

Individual Component Docs

License