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(