Skip to content

Commit d0369d9

Browse files
committed
fix(docs): update differences
1 parent 0debe5c commit d0369d9

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

apps/docs/content/docs/index.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,9 @@ Built with familiar tools and libraries, it follows consistent styling, structur
2222

2323
- <a href='https://www.nativewind.dev' target='_blank' rel='noreferrer' className='font-medium underline underline-offset-4 decoration-fd-muted-foreground/0 hover:decoration-fd-muted-foreground'>Nativewind:</a> React Native Reusables integrates with Nativewind for utility-first styling on native, providing a Tailwind-like experience adapted for React Native.
2424
- <a href='https://rnprimitives.com' target='_blank' rel='noreferrer' className='font-medium underline underline-offset-4 decoration-fd-muted-foreground/0 hover:decoration-fd-muted-foreground'>RN Primitives:</a> A universal port of Radix UI primitives for React Native with an almost identical API, enabling consistent composition on native platforms.
25-
- <span className='font-medium'>Portals:</span> React Native doesn't support DOM portals. Components like modals, dropdowns, and toasts require a `PortalHost`.
26-
- <span className='font-medium'>No cascading styles:</span> Child elements like `Text` can't inherit styles from a parent class. Each element must be styled directly. (We use a small [workaround](/docs/components/text#inheritance-system) for `Text`.)
27-
- <span className='font-medium'>No data attributes:</span> React Native doesn't support data-* attributes, so variants rely on props or state. On the web, data-* attributes work when using HTML elements.
25+
- <span className='font-medium'>Portals:</span> React Native doesn't support DOM portals. On native platforms, components like modals, dropdowns, and toasts need a [`PortalHost`](https://rnprimitives.com/portal/).
26+
- <span className='font-medium'>No cascading styles:</span> Child elements like `Text` can't inherit styles from a parent class. Each element must be styled directly. We use a small [workaround](/docs/components/text#inheritance-system) for `Text`.
27+
- <span className='font-medium'>No data attributes:</span> React Native doesn't support `data-*` attributes, so variants rely on props or state for native platforms.
2828
- <a href='https://docs.swmansion.com/react-native-reanimated' target='_blank' rel='noreferrer' className='font-medium underline underline-offset-4 decoration-fd-muted-foreground/0 hover:decoration-fd-muted-foreground'>Reanimated:</a> Uses `react-native-reanimated` for smooth, native performance.
2929
- <span className='font-medium'>Icons:</span> Uses a wrapper component in combination with a <a href='https://lucide.dev/guide/packages/lucide-react-native' target='_blank' rel='noreferrer' className='underline underline-offset-4 decoration-fd-muted-foreground/0 hover:decoration-fd-muted-foreground'>Lucide icon</a> to avoid wrapping every imported icon individually (e.g. `<Icon as={LeftArrowIcon} />`).
3030
- <span className='font-medium'>Programmatic control:</span> Some components, such as `DropdownMenu`, can't be controlled with `open` or `onOpenChange` props. Instead, you use a `ref` to manage open and close behavior after layout calculation.

0 commit comments

Comments
 (0)