-
-
Notifications
You must be signed in to change notification settings - Fork 12
Open
Labels
Description
Component Description
Component Name: Sonner
Purpose: Sonner component for NativeCN
Similar Components: Sonner in shadcn/ui
Technical Requirements
Core Features
- Basic component functionality
- Props interface defined with TypeScript
- NativeWind styling support
- Proper component state management
- Accessibility support (ARIA attributes, screen reader compatibility)
Note: Reference shadcn/ui default theme for styling guidelines, props structure, and additional features inspiration.
Variants/Props
- Variant 1: [Description]
- Variant 2: [Description]
- ...
Development Checklist
- Implement in example app first
- Test in Expo example (
examples/expo/nativecn) - Verify functionality
- Test different use cases
- Test in Expo example (
- Create component templates
-
packages/cli/templates/<component-name>/index.tsx.template -
packages/cli/templates/<component-name>/styles.ts.template
-
- Update CLI dependencies if needed
- Test component addition via CLI
-
npx nativecn add <component-name>
-
Documentation Requirements
- JSDoc comments for component and props
- Usage examples with code snippets
- Props documentation
- Styling guide
- Accessibility instructions
- Known limitations or caveats (if any)
Testing Criteria
- Works in Expo environment
- Responsive behavior
- Touch interactions work as expected
- Accessibility features tested
- Different variants/props tested
- Error states handled properly
Additional Notes
Definition of Done
- Component implemented and tested in example app
- Component templates added to CLI
- Documentation complete
- PR submitted following contribution guidelines
- Code review feedback addressed
- All tests passing