Skip to content

feat(component): Add Sheet component #36

@tailwiinder

Description

@tailwiinder

Component Description

Component Name: Sheet

Purpose: Sheet component for NativeCN

Similar Components: Sheet 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
  • 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions