sapvt-ltd-web-packages

Reusable React web component library for SA Pvt Ltd — and other projects that adopt the same design tokens.

Source of truth for web UI primitives. Apps import from this package only. Ant Design (and other libs) stay inside the package.

Install

npm install sapvt-ltd-web-packages antd

import {
  Banner,
  SingleSelect,
  MultiSelect,
  MultiSelectCheckbox,
  TreeMultiSelect,
  Chip,
  Chips,
  Widget,
  VirtualTable,
} from 'sapvt-ltd-web-packages';
import 'sapvt-ltd-web-packages/styles.css';

See COMPONENTS.md for the full inventory.

Example

<Widget title="Filters" subtitle="Narrow the list">
  <SingleSelect
    label="Role"
    options={[{ value: 'admin', label: 'Admin' }]}
    value={role}
    onChange={setRole}
  />
  <MultiSelectCheckbox
    label="Services"
    options={serviceOptions}
    value={services}
    onChange={setServices}
  />
  <TreeMultiSelect
    label="Categories"
    treeData={categoryTree}
    value={cats}
    onChange={setCats}
  />
  <Chips>
    {tags.map((t) => (
      <Chip key={t} label={t} variant="primary" onClose={() => remove(t)} />
    ))}
  </Chips>
</Widget>

Peer deps: react, react-dom, antd (^5).

Publish

npm run build
npm version minor   # or patch
npm publish --access public