@mkp-apps/push-ui

A component library with CLI for adding UI components to your project.

Installation

npm install @mkp-apps/push-ui

Usage

CLI

Add components to your project:

npx @mkp-apps/push-ui add button
npx @mkp-apps/push-ui add custom-button
npx @mkp-apps/push-ui add indeterminate-linear-loader

Initialize configuration:

npx @mkp-apps/push-ui init

Components

Import components directly:

import { Button, CustomButton } from '@mkp-apps/push-ui';

function App() {
  return (
    <div>
      <Button variant="primary">Tailwind Button</Button>
      <CustomButton variant="primary">CSS Button</CustomButton>
    </div>
  );
}

Available Components

• button - Tailwind CSS-based button component
• custom-button - Pure CSS button component (no Tailwind required)
• indeterminate-linear-loader - Animated loading indicator

Development

# Build the CLI
npm run build

# Watch mode
npm run dev

Wix Storybook (Local)

Storybook for Wix components is hosted in storybook-host.

# from this repository root
cd storybook-host
nvm install
nvm use
npm install
npm run storybook

Yarn equivalent:

cd storybook-host
yarn install
yarn storybook

Or run it directly from the repository root:

npm --prefix storybook-host run storybook

Yarn equivalent:

yarn --cwd storybook-host storybook

Default URL: http://localhost:6006

License

MIT