Skip to content

feat: Just add new Input, Label, Checkbox, Switch, Radio Group, and Separator components, add usePressable hook, and also enhance existing component templates with tests and features.#53

Open
BronzonTech-Cloud wants to merge 1 commit intotailwiinder:mainfrom
BronzonTech-Cloud:main

Conversation

@BronzonTech-Cloud
Copy link

This PR finalizes exactly what is planned in ROADMAP. The core form interaction primitives are now fully built, polished, successfully integrated, typed, tested, and documented across all packages in the NativeCN monorepo.

We have elevated the total number of production-ready components from 12 to 18 out of 46 (39% of the overall Roadmap goals completed).

Highlights

1. Six Full-Featured Primitives Completed

All basic data-entry components have been implemented from scratch with react-native and NativeWind styling:

  • Checkbox: Elegant selection state toggling using pressable vectors.
  • Input: A robust text input field with multi-theming and generic validation rules.
  • Label: An accessible form-group label.
  • Radio Group: Group contexts preventing multiple selections through Context Providers and Animated rendering.
  • Separator: Versatile semantic dividers mapping seamlessly to both horizontal and vertical axis constraints.
  • Switch: A highly optimized toggle control utilizing react-native-reanimated for smooth native 60fps thumb tracking.

2. Upgraded Architecture & Dependencies

  • Brought react@19 & react-native@0.83 into the ecosystem, solving dozens of typing deprecations, invalid explicit ref passing returns, and React Elements strict prop accessibility issues across all components.
  • Stabilized node packages to match expo@55's exact dependency tree.
  • Resolved all Vector Icon implicit declarations via @ts-ignore inside component template boundaries natively, ensuring standard IDEs do not throw arbitrary errors on fresh project initializations.
  • Re-architected root views in Expo examples with react-native-safe-area-context layout wrappers to resolve aggressive status bar overlaps.

3. Integrated Example Showcase

Added the live showcase views in /examples/expo/nativecn. Developers can clone the repository, run npm start, and test each of the components dynamically on their iOS/Android/Web simulators simultaneously. Every component responds cleanly to OS-level dark/light mode toggles out of the box.

4. Fully Updated Documentation

  • Re-indexed /docs website router mappings (_meta.json).
  • Included .mdx tutorials containing live copy/paste npx install commands, functional React snippets, prop tables, and interactive demonstrations for every single new primitive.
  • Re-adjusted NativeCN project tracking to reflect real-world ROADMAP.md and README.md completion rates.

…eparator components, add `usePressable` hook, and also enhance existing component templates with tests and features.
@vercel
Copy link

vercel bot commented Mar 10, 2026

@BronzonTech-Cloud is attempting to deploy a commit to the major tom's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant