[component] Create Label

[theoribbi]

Summary

Implement the Label component for NativeUI, inspired by the shadcn/ui Label.

Requirements

• Use Text from react-native as the base component.
• Support the following features:
  • Associate the label with form controls using accessibilityLabelledBy and nativeID for accessibility.
  • Optional required indicator (e.g., an asterisk).
  • Optional disabled state styling.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a label.tsx file under /registry/label.
• Follow the structure and naming conventions similar to shadcn/ui Label.

References

• shadcn/ui Label Documentation
• React Native Accessibility Documentation

Notes

Focus on keeping the Label simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building forms in apps.

---