zapi-ui

A customizable and accessible React UI component library built with plain CSS.

📦 Installation

Install the package using npm or yarn:

npm install zapi-ui
# or
yarn add zapi-ui

Import CSS

import 'zapi-ui/dist/index.css';

🚀 Usage

Import and use any component from the library:

import { Checkbox } from 'zapi-ui';

function App() {
  const [checked, setChecked] = React.useState(false);

  return (
    <Checkbox
      checked={checked}
      onChange={(e) => setChecked(e.target.checked)}
      label="Accept Terms"
      description="Please accept the terms and conditions"
    />
  );
}

✨ Features

• Built with plain CSS – no dependency on Tailwind or other frameworks
• Accessible and keyboard-friendly
• Custom styling via className
• Supports labels, descriptions, and disabled state
• Lightweight and easy to integrate