0.2.25 • Published 12 months ago

@getscale/getscale-ui v0.2.25

Weekly downloads
-
License
MIT
Repository
github
Last release
12 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

12 months ago

0.2.24

12 months ago

0.2.23

12 months ago

0.2.22

12 months ago

0.2.21

12 months ago

0.2.20

1 year ago

0.2.19

1 year ago

0.2.18

1 year ago

0.2.17

1 year ago

0.2.16

1 year ago

0.2.15

1 year ago

0.2.14

1 year ago

0.2.13

1 year ago

0.2.12

1 year ago

0.2.11

1 year ago

0.2.10

1 year ago

0.2.9

1 year ago

0.2.8

1 year ago

0.2.7

1 year ago

0.2.6

1 year ago

0.2.5

1 year ago

0.2.4

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.1

1 year ago

0.1.100

1 year ago

0.1.97

1 year ago

0.1.96

1 year ago

0.1.94

1 year ago

0.1.91

1 year ago

0.1.89

1 year ago

0.1.88

1 year ago

0.1.87

1 year ago

0.1.83

1 year ago

0.1.74

1 year ago

0.1.15

1 year ago

0.1.11

1 year ago

0.1.9

1 year ago

0.1.6

1 year ago

0.1.3

1 year ago

0.1.1

1 year ago