0.2.25 • Published 10 months ago

@getscale/getscale-ui v0.2.25

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

GetScale Storybook Component Library

A modern React component library built with Vite, Storybook, and Tailwind CSS. This library provides a collection of reusable UI components with comprehensive documentation and interactive examples.

Features

  • šŸŽØ Modern UI components built with React
  • šŸ“š Interactive documentation with Storybook
  • šŸŽÆ TypeScript support
  • šŸŽØ Tailwind CSS for styling
  • šŸ“¦ Easy to install and use
  • šŸ”§ Customizable theming
  • šŸ“± Responsive design
  • ♿ Accessibility focused

Installation

  1. Create a .npmrc file in your project root:
@getsales-inc:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=YOUR_AUTH_TOKEN
  1. Install the package:
npm install @yazan-getscale/getscale-storybook
  1. Import the styles in your main application file:
import '@yazan-getscale/getscale-storybook/dist/styles.css';

Project Structure

src/
ā”œā”€ā”€ components/     # React components
ā”œā”€ā”€ stories/       # Storybook stories and documentation
ā”œā”€ā”€ theme/         # Theme configuration
ā”œā”€ā”€ utils/         # Utility functions
ā”œā”€ā”€ assets/        # Static assets
└── styles.css     # Global styles

Development

  1. Clone the repository
  2. Install dependencies:
npm install
  1. Start Storybook:
npm run storybook
  1. Build the library:
npm run build

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build the library
  • npm run storybook - Start Storybook
  • npm run build-storybook - Build Storybook
  • npm run lint - Run ESLint
  • npm run preview - Preview the build

Dependencies

Core Dependencies

  • React (>=17.0.0)
  • React DOM (>=17.0.0)
  • Tailwind CSS
  • TypeScript

Development Dependencies

  • Vite
  • Storybook
  • ESLint
  • PostCSS
  • Various Storybook addons

Publishing

To publish a new version:

  1. Update the version in package.json
  2. Run the build:
npm run build
  1. Publish to npm:
npm publish
  1. In your project, update the package:
npm update @yazan-getscale/getscale-storybook

Contributing

  1. Create a new branch for your feature
  2. Make your changes
  3. Write or update stories for your components
  4. Submit a pull request

License

MIT License - see LICENSE file for details

0.2.25

10 months ago

0.2.24

10 months ago

0.2.23

10 months ago

0.2.22

10 months ago

0.2.21

10 months ago

0.2.20

10 months ago

0.2.19

10 months ago

0.2.18

10 months ago

0.2.17

10 months ago

0.2.16

10 months ago

0.2.15

10 months ago

0.2.14

10 months ago

0.2.13

10 months ago

0.2.12

10 months ago

0.2.11

10 months ago

0.2.10

10 months ago

0.2.9

10 months ago

0.2.8

10 months ago

0.2.7

10 months ago

0.2.6

10 months ago

0.2.5

10 months ago

0.2.4

10 months ago

0.2.3

10 months ago

0.2.2

10 months ago

0.2.1

10 months ago

0.1.100

10 months ago

0.1.97

10 months ago

0.1.96

11 months ago

0.1.94

11 months ago

0.1.91

11 months ago

0.1.89

11 months ago

0.1.88

11 months ago

0.1.87

11 months ago

0.1.83

11 months ago

0.1.74

11 months ago

0.1.15

11 months ago

0.1.11

11 months ago

0.1.9

11 months ago

0.1.6

11 months ago

0.1.3

11 months ago

0.1.1

11 months ago