@simpledotstudio/essentials

Essential UI components bundle

Installation

npm install @simpledotstudio/essentials

Included Components

This bundle includes the following components:

• @simpledotstudio/simple-button
• @simpledotstudio/simple-card
• @simpledotstudio/simple-checkbox
• @simpledotstudio/simple-icon
• @simpledotstudio/simple-image
• @simpledotstudio/simple-input
• @simpledotstudio/simple-loader
• @simpledotstudio/simple-switch
• @simpledotstudio/simple-text
• @simpledotstudio/simple-textarea

Usage

Import components from the bundle:

import { 
  SimpleButton, 
  SimpleInput, 
  SimpleCard,
  SimpleText,
  SimpleImage,
  // ... other components 
} from '@simpledotstudio/essentials';

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-button
• @simpledotstudio/simple-card
• @simpledotstudio/simple-checkbox
• @simpledotstudio/simple-icon
• @simpledotstudio/simple-image
• @simpledotstudio/simple-input
• @simpledotstudio/simple-loader
• @simpledotstudio/simple-switch
• @simpledotstudio/simple-text
• @simpledotstudio/simple-textarea

License

MIT © SimpleStudio