diff --git a/src/EaseView.tsx b/src/EaseView.tsx index bb34193..e9e20ce 100644 --- a/src/EaseView.tsx +++ b/src/EaseView.tsx @@ -86,6 +86,8 @@ export type EaseViewProps = ViewProps & { useHardwareLayer?: boolean; /** Pivot point for scale and rotation as 0–1 fractions. @default { x: 0.5, y: 0.5 } (center) */ transformOrigin?: TransformOrigin; + /** NativeWind / Tailwind CSS class string. Requires NativeWind in your project. */ + className?: string; }; export function EaseView({ diff --git a/src/__tests__/EaseView.test.tsx b/src/__tests__/EaseView.test.tsx index 7d3bc18..b2530e9 100644 --- a/src/__tests__/EaseView.test.tsx +++ b/src/__tests__/EaseView.test.tsx @@ -258,6 +258,12 @@ describe('EaseView', () => { expect(screen.getByText('Hello')).toBeTruthy(); }); + it('passes className through', () => { + render(); + const props = getNativeProps(); + expect(props.className).toBe('bg-red-500 p-4'); + }); + it('passes style through', () => { render(