@rn-shad/primitives

Headless UI primitives for React Native - re-exports common primitives from @rn-primitives.

Installation

npm install @rn-shad/primitives

Usage

This package provides convenient re-exports of commonly used primitives:

import { Slot, Portal } from '@rn-shad/primitives';

// Use Slot for composition
function Button({ asChild, children, ...props }) {
  const Component = asChild ? Slot : Pressable;

  return <Component {...props}>{children}</Component>;
}

// Use Portal for overlays
function Dialog() {
  return (
    <Portal>
      <View style={styles.overlay}>
        <View style={styles.dialog}>
          {/* Dialog content */}
        </View>
      </View>
    </Portal>
  );
}

Included Primitives

• Slot - Component composition primitive from @rn-primitives/slot
• Portal - Overlay rendering primitive from @rn-primitives/portal

License

MIT