@splight/web-core

Shared core components library for Splight web applications.

Installation

npm install @splight/web-core

Usage

import { Button, Input, Modal } from '@splight/web-core';

function MyComponent() {
  return (
    <div>
      <Input placeholder="Enter text..." />
      <Button onClick={() => console.log('clicked')}>Click me</Button>
    </div>
  );
}

Development

Local Development

# Install dependencies
npm install

# Start development mode
npm run dev

# Build library
npm run build

# Run linting
npm run lint

Development with @splight-web-v4/

For real-time development where changes in @splight-web-core/ are immediately reflected in @splight-web-v4/:

1. In splight-web-core directory:

   npm run dev:yalc

2. In splight-web-v4 directory:

   npm run yalc:add-splight-web-core
   npm run dev

When finished developing:

1. In splight-web-core directory:

   npm run yalc:clean

2. In splight-web-v4 directory:

   npm run yalc:clean

Components

• Form Controls: Input, TextArea, Checkbox, Radio, Toggle, Dropdown
• Layout: Accordion, Modal
• Utility: Button, CopyButton, Tooltip, ErrorMessage
• Date/Time: DatePicker, TimePicker, Calendar
• Icons: 300+ Splight icons

Tech Stack

• TypeScript
• React 18
• Tailwind CSS
• ESLint & Prettier