Adds disabled example

iron-fish · Nov 14, 2024 · d383689 · d383689
1 parent 56b5389
commit d383689
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/mobile-app/app/(tabs)/ui.tsx b/packages/mobile-app/app/(tabs)/ui.tsx
@@ -26,6 +26,12 @@ export default function UiKit() {
         onChange={(value: string) => setInputValue(value)}
         label="Enter your name"
       />
+      <Input
+        disabled
+        value={inputValue}
+        onChange={(value: string) => setInputValue(value)}
+        label="Enter your name"
+      />
     </View>
   );
 }
diff --git a/packages/tackle-box/lib/components/Input/Input.tsx b/packages/tackle-box/lib/components/Input/Input.tsx
@@ -26,6 +26,7 @@ const styles = css.create({
   inputDisabled: {
     backgroundColor: colors.backgroundDisabled,
     color: colors.textDisabled,
+    cursor: "not-allowed",
   },
   label: {
     position: "absolute",

diff --git a/packages/tackle-box/tsconfig.app.tsbuildinfo b/packages/tackle-box/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/components/textarea/textarea.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}
		{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./lib/index.ts","./lib/components/box/box.tsx","./lib/components/button/button.tsx","./lib/components/input/input.tsx","./lib/components/textarea/textarea.tsx","./lib/vars/colors.stylex.ts","./lib/vars/index.stylex.ts","./lib/vars/sizing.stylex.ts"],"version":"5.6.3"}