@walterpmoore-ui/icons

Icon components for wpm-ui. Includes custom wpm-ui icons plus all Lucide icons as named React exports.

Installation

npm install @walterpmoore-ui/icons
# or
pnpm add @walterpmoore-ui/icons

Peer dependencies:

npm install react

Usage

Custom wpm-ui icons

import {
  CheckIcon,
  ChevronDownIcon,
  CloseIcon,
  InfoIcon,
  SearchIcon,
  WarningIcon,
} from "@walterpmoore-ui/icons";

<CheckIcon />
<WarningIcon className="text-yellow-500" />
<SearchIcon size={20} />

Lucide icons

All Lucide icons are re-exported from this package, so you don't need to install lucide-react separately:

import { Home, Settings, Bell, ArrowRight } from "@walterpmoore-ui/icons";

<Home size={24} />
<Settings className="w-5 h-5 text-gray-500" />

All icons accept standard SVG props plus:

| Prop | Type | Default | Description | | ------------- | ------------------ | -------------- | ---------------------- | | size | number \| string | 24 | Width and height in px | | color | string | currentColor | Icon color | | strokeWidth | number | 2 | Stroke width | | className | string | — | Additional CSS classes |

License

MIT