nori-ui — React Native + Web components

Thin wrapper around a user-supplied icon component with token-driven size and color.

At a glance

Icon-library-agnostic — pass any component matching { size?: number; color?: string }.
Pair with SemanticIconsProvider to alias semantic keys (checkmark, close, spinner) to your chosen icons.

import { Star } from 'lucide-react';
import { Icon } from '@nori-ui/core';
 
<Icon as={Star} size="md" />;

Prop	Type	Default	Description
`as`	`ComponentType<{ size?: number; color?: string }>`	—	Icon component reference
`size`	`'sm' \| 'md' \| 'lg' \| number`	`'md'`	Numeric or token size
`color`	`string`	—	Icon color; inherits currentColor when omitted
`label`	`string`	—	Accessible label — required when icon is meaningful