diff --git a/docs/ignite-cli/boilerplate/app/components/AutoImage.md b/docs/ignite-cli/boilerplate/app/components/AutoImage.md index b53d6aa5..00b7d4ad 100644 --- a/docs/ignite-cli/boilerplate/app/components/AutoImage.md +++ b/docs/ignite-cli/boilerplate/app/components/AutoImage.md @@ -6,6 +6,8 @@ sidebar_position: 30 Ignite's `AutoImage` Component is an enhanced version of the built-in React Native [Image](https://reactnative.dev/docs/image) component. It automatically resizes the image view to fit a max width or height constraint +![autoimage-component](https://github.com/user-attachments/assets/8fba1f1d-81d2-4f0d-84bb-8286b048ff16) + ```tsx ``` @@ -38,6 +40,8 @@ The `preset` prop is used to set the preset container style of the card. This af The `verticalAlignment` prop is used to set the vertical alignment of the card's content. This affects the alignment of the heading, content, and footer. There are four preconfigured alignments: `top`, `center`, `space-between`, and `force-footer-bottom`. `force-footer-bottom` behaves like `top`, but will force the footer to the bottom of the card. +![card-component-02](https://github.com/user-attachments/assets/e5e9f331-6c4d-4ce3-833d-a00fdf7244f1) + ```tsx diff --git a/docs/ignite-cli/boilerplate/app/components/Header.md b/docs/ignite-cli/boilerplate/app/components/Header.md index 16faa2f6..d09c0cfc 100644 --- a/docs/ignite-cli/boilerplate/app/components/Header.md +++ b/docs/ignite-cli/boilerplate/app/components/Header.md @@ -6,6 +6,8 @@ sidebar_position: 34 The `Header` component is a component that will appear at the top of your screen. It is used to hold navigation buttons and the screen title. +![header-component](https://github.com/user-attachments/assets/ab308ec1-21e8-41dc-a7f3-bbc6cac866e0) + ```tsx
Alert.alert("Hello")} /> ``` diff --git a/docs/ignite-cli/boilerplate/app/components/ListItem.md b/docs/ignite-cli/boilerplate/app/components/ListItem.md index be2c87a2..d8505383 100644 --- a/docs/ignite-cli/boilerplate/app/components/ListItem.md +++ b/docs/ignite-cli/boilerplate/app/components/ListItem.md @@ -6,6 +6,8 @@ sidebar_position: 36 The `ListItem` component is a component that is used to display a single item in a list. It provides a lot of flexibility in terms of what you can do with it. It can be used to display a simple piece text, or a complex component with multiple actionable and custom styled elements inside. +![listitem-component](https://github.com/user-attachments/assets/009aed59-5597-4d0b-b861-972608ddb8ea) + ```tsx ``` diff --git a/docs/ignite-cli/boilerplate/app/components/Text.md b/docs/ignite-cli/boilerplate/app/components/Text.md index 53ef2473..cc69daa6 100644 --- a/docs/ignite-cli/boilerplate/app/components/Text.md +++ b/docs/ignite-cli/boilerplate/app/components/Text.md @@ -8,6 +8,8 @@ Ignite's `Text` Component is an enhanced version of the built-in React Native [` By enhancing the Ignite Text component and using it across your app, you can make sure the right fonts, font weight, and other styles and behaviors are shared across your whole app. +![text-component](https://github.com/user-attachments/assets/61277e64-c530-4043-93fe-5da41c9e9351) + ## Props ### `text` diff --git a/docs/ignite-cli/boilerplate/app/components/TextField.md b/docs/ignite-cli/boilerplate/app/components/TextField.md index fc4df40e..ad9ef2a1 100644 --- a/docs/ignite-cli/boilerplate/app/components/TextField.md +++ b/docs/ignite-cli/boilerplate/app/components/TextField.md @@ -8,6 +8,8 @@ Ignite's `TextField` Component is an enhanced version of the built-in React Nati With this component you will be able to standardise TextInput component across your app. +![textfield-component](https://github.com/user-attachments/assets/cfdc97dc-5692-4286-8682-9243ee0e7650) + ```tsx import { TextField } from '../components'; diff --git a/docs/ignite-cli/boilerplate/app/components/Toggle.md b/docs/ignite-cli/boilerplate/app/components/Toggle.md index 2b0ff12d..f7e6212f 100644 --- a/docs/ignite-cli/boilerplate/app/components/Toggle.md +++ b/docs/ignite-cli/boilerplate/app/components/Toggle.md @@ -6,6 +6,8 @@ sidebar_position: 41 This component is a flexible component that can be used to toggle a boolean value. It can be used to render a switch, checkbox, or radio button, and exposes style props for every element. +![toggle-component](https://github.com/user-attachments/assets/ffbbe61e-9aea-4895-ab19-d38f76b3e379) + ## Props ### `variant` diff --git a/docs/react-native-mlkit/contributing/_category_.json b/docs/react-native-mlkit/contributing/_category_.json index 8ecce07b..127f9178 100644 --- a/docs/react-native-mlkit/contributing/_category_.json +++ b/docs/react-native-mlkit/contributing/_category_.json @@ -3,6 +3,7 @@ "position": 1000, "link": { "type": "generated-index", - "description": "How to run the included example application." + "description": "How to run the included example application.", + "slug": "/react-native-mlkit/contributing/list" } -} +} \ No newline at end of file diff --git a/docs/react-native-mlkit/document-scanner/_category_.json b/docs/react-native-mlkit/document-scanner/_category_.json index e2ff767d..a2b8407e 100644 --- a/docs/react-native-mlkit/document-scanner/_category_.json +++ b/docs/react-native-mlkit/document-scanner/_category_.json @@ -3,6 +3,7 @@ "position": 500, "link": { "type": "generated-index", - "description": "Scan documents with your camera" + "description": "Scan documents with your camera", + "slug": "/react-native-mlkit/document-scanner/list" } -} +} \ No newline at end of file diff --git a/docs/react-native-mlkit/face-detection/_category_.json b/docs/react-native-mlkit/face-detection/_category_.json index 92b15439..847b88b4 100644 --- a/docs/react-native-mlkit/face-detection/_category_.json +++ b/docs/react-native-mlkit/face-detection/_category_.json @@ -3,6 +3,7 @@ "position": 100, "link": { "type": "generated-index", - "description": "Label images with TFLite Models" + "description": "Label images with TFLite Models", + "slug": "/react-native-mlkit/face-detection/list" } -} +} \ No newline at end of file diff --git a/docs/react-native-mlkit/image-labeling/_category_.json b/docs/react-native-mlkit/image-labeling/_category_.json index 54d2ec95..83b75944 100644 --- a/docs/react-native-mlkit/image-labeling/_category_.json +++ b/docs/react-native-mlkit/image-labeling/_category_.json @@ -3,6 +3,7 @@ "position": 200, "link": { "type": "generated-index", - "description": "Label images with TFLite Models" + "description": "Label images with TFLite Models", + "slug": "/react-native-mlkit/image-labeling/list" } -} +} \ No newline at end of file diff --git a/docs/react-native-mlkit/object-detection/_category_.json b/docs/react-native-mlkit/object-detection/_category_.json index c05c917d..ec857f1b 100644 --- a/docs/react-native-mlkit/object-detection/_category_.json +++ b/docs/react-native-mlkit/object-detection/_category_.json @@ -1,8 +1,9 @@ { "label": "Object Detection", - "position":400, + "position": 400, "link": { "type": "generated-index", - "description": "Detect Object" + "description": "Detect Object", + "slug": "/react-native-mlkit/object-detection/list" } -} +} \ No newline at end of file diff --git a/docs/react-native-mlkit/running-the-example-app/_category_.json b/docs/react-native-mlkit/running-the-example-app/_category_.json index 7b945065..780c0ca8 100644 --- a/docs/react-native-mlkit/running-the-example-app/_category_.json +++ b/docs/react-native-mlkit/running-the-example-app/_category_.json @@ -3,6 +3,7 @@ "position": 99, "link": { "type": "generated-index", - "description": "How to run the included example application." + "description": "How to run the included example application.", + "slug": "/react-native-mlkit/running-the-example-app/list" } -} +} \ No newline at end of file