nori-ui — React Native + Web components

At a glance

Variants: primary, secondary, ghost, destructive
Sizes: sm, md, lg
States: default, pressed, disabled, loading
Composition: asChild renders a supplied element (e.g. <Link>) as the interactive root.

Prop	Type	Default	Description
`variant`	`'primary' \| 'secondary' \| 'ghost' \| 'destructive'`	`'primary'`	Visual intent
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Control height + text size
`loading`	`boolean`	`false`	Replaces leading icon with Spinner; blocks press
`disabled`	`boolean`	`false`	Visually muted + non-interactive
`leadingIcon` / `trailingIcon`	`ComponentType<{ size?: number; color?: string }>`	—	Icon component reference
`asChild`	`boolean`	`false`	Renders the single child as the interactive root

<Button asChild variant="primary">
    <Link href="/somewhere">Go</Link>
</Button>