From 6f153feb4a0965048701daa03f0de23962fd5303 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Wed, 30 Nov 2022 18:42:19 +0530 Subject: [PATCH 01/47] change in meta title and meta description in default theme --- docs/3.0.x/default-theme.md | 2 + docs/3.1.x/default-theme.md | 92 +++++++++++++++++++------------------ docs/3.2.x/default-theme.md | 84 ++++++++++++++++----------------- docs/3.3.x/default-theme.md | 84 ++++++++++++++++----------------- docs/3.4.x/default-theme.md | 4 +- docs/next/default-theme.md | 4 +- layouts/index.tsx | 8 ++-- 7 files changed, 145 insertions(+), 133 deletions(-) diff --git a/docs/3.0.x/default-theme.md b/docs/3.0.x/default-theme.md index c7c73a78f..d6728f448 100644 --- a/docs/3.0.x/default-theme.md +++ b/docs/3.0.x/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index"; diff --git a/docs/3.1.x/default-theme.md b/docs/3.1.x/default-theme.md index 056ef1dec..37448db37 100644 --- a/docs/3.1.x/default-theme.md +++ b/docs/3.1.x/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorsBlock, FontBlocks, SpaceBlocks } from "../../src/components/index"; @@ -11,7 +13,7 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors -You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. +You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. We recommend adding a palette that ranges from `50` to `900`. Tools like **[Smart Swatch](https://smart-swatch.netlify.app/)**, **[Palx](https://palx.jxnblk.com/)** are available to generate these palettes. @@ -30,28 +32,28 @@ To manage Typography options, the theme object supports the following keys: ```jsx const typography = { letterSpacings: { - '2xs': -1.5, - 'xs': -0.5, - 'sm': 0, - 'md': 0.1, - 'lg': 0.15, - 'xl': 0.25, - '2xl': 0.4, - '3xl': 0.5, - '4xl': 1.25, - '5xl': 1.5, + "2xs": -1.5, + "xs": -0.5, + "sm": 0, + "md": 0.1, + "lg": 0.15, + "xl": 0.25, + "2xl": 0.4, + "3xl": 0.5, + "4xl": 1.25, + "5xl": 1.5, }, lineHeights: { - '2xs': 16, - 'xs': 18, - 'sm': 20, - 'md': 22, - 'lg': 24, - 'xl': 28, - '2xl': 32, - '3xl': 40, - '4xl': 48, - '5xl': 64, + "2xs": 16, + "xs": 18, + "sm": 20, + "md": 22, + "lg": 24, + "xl": 28, + "2xl": 32, + "3xl": 40, + "4xl": 48, + "5xl": 64, }, fontWeights: { hairline: 100, @@ -71,20 +73,20 @@ const typography = { mono: undefined, }, fontSizes: { - '2xs': 10, - 'xs': 12, - 'sm': 14, - 'md': 16, - 'lg': 18, - 'xl': 20, - '2xl': 24, - '3xl': 30, - '4xl': 36, - '5xl': 48, - '6xl': 60, - '7xl': 72, - '8xl': 96, - '9xl': 128, + "2xs": 10, + "xs": 12, + "sm": 14, + "md": 16, + "lg": 18, + "xl": 20, + "2xl": 24, + "3xl": 30, + "4xl": 36, + "5xl": 48, + "6xl": 60, + "7xl": 72, + "8xl": 96, + "9xl": 128, }, }; ``` @@ -128,7 +130,7 @@ The `shadow` key allows you to customize the global box shadow for your project. ```jsx export default { 0: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -138,7 +140,7 @@ export default { elevation: 1, }, 1: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -148,7 +150,7 @@ export default { elevation: 2, }, 2: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -158,7 +160,7 @@ export default { elevation: 3, }, 3: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -168,7 +170,7 @@ export default { elevation: 4, }, 4: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -178,7 +180,7 @@ export default { elevation: 5, }, 5: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -188,7 +190,7 @@ export default { elevation: 6, }, 6: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -198,7 +200,7 @@ export default { elevation: 7, }, 7: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -208,7 +210,7 @@ export default { elevation: 8, }, 8: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -218,7 +220,7 @@ export default { elevation: 9, }, 9: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 5, diff --git a/docs/3.2.x/default-theme.md b/docs/3.2.x/default-theme.md index 4bee4202c..af12f3b30 100644 --- a/docs/3.2.x/default-theme.md +++ b/docs/3.2.x/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorBlocks, FontBlocks, SpaceBlocks } from "../../src/components"; @@ -11,7 +13,7 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors -You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. +You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. You can also add `.alpha:{number}` to add levels of opacity to a colour. The number can also be added in the theme file. Ex: `red.300:alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) @@ -32,24 +34,24 @@ To manage Typography options, the theme object supports the following keys: ```jsx const typography = { letterSpacings: { - 'xs': '-0.05em', - 'sm': '-0.025em', - 'md': 0, - 'lg': '0.025em', - 'xl': '0.05em', - '2xl': '0.1em', + "xs": "-0.05em", + "sm": "-0.025em", + "md": 0, + "lg": "0.025em", + "xl": "0.05em", + "2xl": "0.1em", }, lineHeights: { - '2xs': '1em', - 'xs': '1.125em', - 'sm': '1.25em', - 'md': '1.375em', - 'lg': '1.5em', - 'xl': '1.75em', - '2xl': '2em', - '3xl': '2.5em', - '4xl': '3em', - '5xl': '4em', + "2xs": "1em", + "xs": "1.125em", + "sm": "1.25em", + "md": "1.375em", + "lg": "1.5em", + "xl": "1.75em", + "2xl": "2em", + "3xl": "2.5em", + "4xl": "3em", + "5xl": "4em", }, fontWeights: { hairline: 100, @@ -69,20 +71,20 @@ const typography = { mono: undefined, }, fontSizes: { - '2xs': 10, - 'xs': 12, - 'sm': 14, - 'md': 16, - 'lg': 18, - 'xl': 20, - '2xl': 24, - '3xl': 30, - '4xl': 36, - '5xl': 48, - '6xl': 60, - '7xl': 72, - '8xl': 96, - '9xl': 128, + "2xs": 10, + "xs": 12, + "sm": 14, + "md": 16, + "lg": 18, + "xl": 20, + "2xl": 24, + "3xl": 30, + "4xl": 36, + "5xl": 48, + "6xl": 60, + "7xl": 72, + "8xl": 96, + "9xl": 128, }, }; ``` @@ -126,7 +128,7 @@ The `shadow` key allows you to customize the global box shadow for your project. ```jsx export default { 0: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -136,7 +138,7 @@ export default { elevation: 1, }, 1: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -146,7 +148,7 @@ export default { elevation: 2, }, 2: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -156,7 +158,7 @@ export default { elevation: 3, }, 3: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -166,7 +168,7 @@ export default { elevation: 4, }, 4: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -176,7 +178,7 @@ export default { elevation: 5, }, 5: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -186,7 +188,7 @@ export default { elevation: 6, }, 6: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -196,7 +198,7 @@ export default { elevation: 7, }, 7: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -206,7 +208,7 @@ export default { elevation: 8, }, 8: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -216,7 +218,7 @@ export default { elevation: 9, }, 9: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 5, diff --git a/docs/3.3.x/default-theme.md b/docs/3.3.x/default-theme.md index 7b83315e4..64571eb4d 100644 --- a/docs/3.3.x/default-theme.md +++ b/docs/3.3.x/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorsBlock, FontBlocks, SpaceBlocks } from "../src/components/index"; @@ -11,7 +13,7 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors -You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. +You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. You can also add `.alpha:{number}` to add levels of opacity to a colour. The number can also be added in the theme file. Ex: `red.300:alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) @@ -32,24 +34,24 @@ To manage Typography options, the theme object supports the following keys: ```jsx const typography = { letterSpacings: { - 'xs': '-0.05em', - 'sm': '-0.025em', - 'md': 0, - 'lg': '0.025em', - 'xl': '0.05em', - '2xl': '0.1em', + "xs": "-0.05em", + "sm": "-0.025em", + "md": 0, + "lg": "0.025em", + "xl": "0.05em", + "2xl": "0.1em", }, lineHeights: { - '2xs': '1em', - 'xs': '1.125em', - 'sm': '1.25em', - 'md': '1.375em', - 'lg': '1.5em', - 'xl': '1.75em', - '2xl': '2em', - '3xl': '2.5em', - '4xl': '3em', - '5xl': '4em', + "2xs": "1em", + "xs": "1.125em", + "sm": "1.25em", + "md": "1.375em", + "lg": "1.5em", + "xl": "1.75em", + "2xl": "2em", + "3xl": "2.5em", + "4xl": "3em", + "5xl": "4em", }, fontWeights: { hairline: 100, @@ -69,20 +71,20 @@ const typography = { mono: undefined, }, fontSizes: { - '2xs': 10, - 'xs': 12, - 'sm': 14, - 'md': 16, - 'lg': 18, - 'xl': 20, - '2xl': 24, - '3xl': 30, - '4xl': 36, - '5xl': 48, - '6xl': 60, - '7xl': 72, - '8xl': 96, - '9xl': 128, + "2xs": 10, + "xs": 12, + "sm": 14, + "md": 16, + "lg": 18, + "xl": 20, + "2xl": 24, + "3xl": 30, + "4xl": 36, + "5xl": 48, + "6xl": 60, + "7xl": 72, + "8xl": 96, + "9xl": 128, }, }; ``` @@ -130,7 +132,7 @@ The `shadow` key allows you to customize the global box shadow for your project. ```jsx export default { 0: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -140,7 +142,7 @@ export default { elevation: 1, }, 1: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -150,7 +152,7 @@ export default { elevation: 2, }, 2: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 1, @@ -160,7 +162,7 @@ export default { elevation: 3, }, 3: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -170,7 +172,7 @@ export default { elevation: 4, }, 4: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 2, @@ -180,7 +182,7 @@ export default { elevation: 5, }, 5: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -190,7 +192,7 @@ export default { elevation: 6, }, 6: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 3, @@ -200,7 +202,7 @@ export default { elevation: 7, }, 7: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -210,7 +212,7 @@ export default { elevation: 8, }, 8: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 4, @@ -220,7 +222,7 @@ export default { elevation: 9, }, 9: { - shadowColor: '#000', + shadowColor: "#000", shadowOffset: { width: 0, height: 5, diff --git a/docs/3.4.x/default-theme.md b/docs/3.4.x/default-theme.md index 801915daa..08bb491d0 100644 --- a/docs/3.4.x/default-theme.md +++ b/docs/3.4.x/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorsBlock, FontBlocks, SpaceBlocks } from "../src/components/index"; @@ -11,7 +13,7 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors -You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. +You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. You can also add `.alpha:{number}` to add levels of opacity to a colour. The number can also be added in the theme file. Ex: `red.300:alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) diff --git a/docs/next/default-theme.md b/docs/next/default-theme.md index a76941df2..778c0f291 100644 --- a/docs/next/default-theme.md +++ b/docs/next/default-theme.md @@ -1,6 +1,8 @@ --- id: default-theme title: Default Theme +metaTitle: Default Theme | NativeBase +metaDescription: Theming in NativeBase is based on the Styled System Specification. Learn more here about default theme and how to use theme object in NativeBase. --- import { ColorsBlock, FontBlocks, SpaceBlocks } from "../src/components/index"; @@ -11,7 +13,7 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors -You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. +You can add a `theme.colors` object to provide colors for your project. By default, these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc. props. You can also add `.alpha:{number}` to add levels of opacity to a colour. The number can also be added in the theme file. Ex: `red.300:alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) diff --git a/layouts/index.tsx b/layouts/index.tsx index 2b3690447..73df78617 100644 --- a/layouts/index.tsx +++ b/layouts/index.tsx @@ -105,7 +105,8 @@ function Layout({ }`; let href = "https://docs.nativebase.io/" + pages.currentPage.id; - + const {metaTitle,metaDescription}=frontMatter; + console.log(metaDescription); return ( <> @@ -115,11 +116,10 @@ function Layout({ content="Universal Components for React and React Native" /> {/* og meta links */} - + + content={metaDescription} /> From 1eacd99d2426c288544f3bb9f8f11b8a99f9fa12 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Wed, 30 Nov 2022 18:53:10 +0530 Subject: [PATCH 02/47] change in meta title and meta description in customizing fonts --- docs/3.0.x/customizing-fonts.md | 2 ++ docs/3.1.x/customizing-fonts.md | 2 ++ docs/3.2.x/customizing-fonts.md | 2 ++ docs/3.3.x/customizing-fonts.md | 2 ++ docs/3.4.x/customizing-fonts.md | 2 ++ docs/next/customizing-fonts.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/customizing-fonts.md b/docs/3.0.x/customizing-fonts.md index 5159a2add..a6a3924d6 100644 --- a/docs/3.0.x/customizing-fonts.md +++ b/docs/3.0.x/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizingFonts title: Customising Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. diff --git a/docs/3.1.x/customizing-fonts.md b/docs/3.1.x/customizing-fonts.md index 1e6fe1dc0..e0b7f4339 100644 --- a/docs/3.1.x/customizing-fonts.md +++ b/docs/3.1.x/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizing-fonts title: Customizing Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. diff --git a/docs/3.2.x/customizing-fonts.md b/docs/3.2.x/customizing-fonts.md index 1e6fe1dc0..e0b7f4339 100644 --- a/docs/3.2.x/customizing-fonts.md +++ b/docs/3.2.x/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizing-fonts title: Customizing Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. diff --git a/docs/3.3.x/customizing-fonts.md b/docs/3.3.x/customizing-fonts.md index 1e6fe1dc0..e0b7f4339 100644 --- a/docs/3.3.x/customizing-fonts.md +++ b/docs/3.3.x/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizing-fonts title: Customizing Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. diff --git a/docs/3.4.x/customizing-fonts.md b/docs/3.4.x/customizing-fonts.md index 31c84a26e..0a14e6026 100644 --- a/docs/3.4.x/customizing-fonts.md +++ b/docs/3.4.x/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizing-fonts title: Customizing Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. diff --git a/docs/next/customizing-fonts.md b/docs/next/customizing-fonts.md index 31c84a26e..0a14e6026 100644 --- a/docs/next/customizing-fonts.md +++ b/docs/next/customizing-fonts.md @@ -1,6 +1,8 @@ --- id: customizing-fonts title: Customizing Fonts +metaTitle: Customizing Fonts | NativeBase +metaDescription: Adding a custom font family can be done in React Native by following three simple steps. Read on to know the steps to follow and how to use fonts in NativeBase. --- Follow 3 simple steps to add a custom font family. From 063a971d7bd1ffa18d04305d44d4261e90c9ab2a Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Wed, 30 Nov 2022 18:58:44 +0530 Subject: [PATCH 03/47] change in meta title and meta description in customizing theme --- docs/3.0.x/customizing-theme.md | 56 +++++++++++++++++---------------- docs/3.1.x/customizing-theme.md | 2 ++ docs/3.2.x/customizing-theme.md | 2 ++ docs/3.3.x/customizing-theme.md | 2 ++ docs/3.4.x/customizing-theme.md | 2 ++ docs/next/customizing-theme.md | 2 ++ 6 files changed, 39 insertions(+), 27 deletions(-) diff --git a/docs/3.0.x/customizing-theme.md b/docs/3.0.x/customizing-theme.md index c86c72bf6..5e7bfd4ef 100644 --- a/docs/3.0.x/customizing-theme.md +++ b/docs/3.0.x/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizingTheme title: Customising Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; @@ -23,34 +25,34 @@ The Theme is one of the core elements of NativeBase. You can customize NativeBas It has many [other properties](default-theme) but in this recipe, we will update only a few of them (namely colors, fonts, and config) using NativeBase's `extendTheme` function. ```tsx -import React from 'react'; -import { NativeBaseProvider, extendTheme } from 'native-base'; -import { Content } from './Content'; +import React from "react"; +import { NativeBaseProvider, extendTheme } from "native-base"; +import { Content } from "./Content"; export default function () { const theme = extendTheme({ colors: { // Add new color primary: { - 50: '#E3F2F9', - 100: '#C5E4F3', - 200: '#A2D4EC', - 300: '#7AC1E4', - 400: '#47A9DA', - 500: '#0088CC', - 600: '#007AB8', - 700: '#006BA1', - 800: '#005885', - 900: '#003F5E', + 50: "#E3F2F9", + 100: "#C5E4F3", + 200: "#A2D4EC", + 300: "#7AC1E4", + 400: "#47A9DA", + 500: "#0088CC", + 600: "#007AB8", + 700: "#006BA1", + 800: "#005885", + 900: "#003F5E", }, // Redefining only one shade, rest of the color will remain same. amber: { - 400: '#d97706', + 400: "#d97706", }, }, config: { // Changing initialColorMode to 'dark' - initialColorMode: 'dark', + initialColorMode: "dark", }, }); @@ -77,25 +79,25 @@ function Example() { colors: { // Add new color primary: { - 50: '#E3F2F9', - 100: '#C5E4F3', - 200: '#A2D4EC', - 300: '#7AC1E4', - 400: '#47A9DA', - 500: '#0088CC', - 600: '#007AB8', - 700: '#006BA1', - 800: '#005885', - 900: '#003F5E', + 50: "#E3F2F9", + 100: "#C5E4F3", + 200: "#A2D4EC", + 300: "#7AC1E4", + 400: "#47A9DA", + 500: "#0088CC", + 600: "#007AB8", + 700: "#006BA1", + 800: "#005885", + 900: "#003F5E", }, // Redefining only one shade, rest of the color will remain same. amber: { - 400: '#d97706', + 400: "#d97706", }, }, config: { // Changing initialColorMode to 'dark' - initialColorMode: 'dark', + initialColorMode: "dark", }, }); diff --git a/docs/3.1.x/customizing-theme.md b/docs/3.1.x/customizing-theme.md index 61dfd9ee1..b559a04a3 100644 --- a/docs/3.1.x/customizing-theme.md +++ b/docs/3.1.x/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizing-theme title: Customizing Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; diff --git a/docs/3.2.x/customizing-theme.md b/docs/3.2.x/customizing-theme.md index d38daab9e..78683d9ae 100644 --- a/docs/3.2.x/customizing-theme.md +++ b/docs/3.2.x/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizing-theme title: Customizing Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; diff --git a/docs/3.3.x/customizing-theme.md b/docs/3.3.x/customizing-theme.md index d573b7170..a87dc3af5 100644 --- a/docs/3.3.x/customizing-theme.md +++ b/docs/3.3.x/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizing-theme title: Customizing Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; diff --git a/docs/3.4.x/customizing-theme.md b/docs/3.4.x/customizing-theme.md index d573b7170..a87dc3af5 100644 --- a/docs/3.4.x/customizing-theme.md +++ b/docs/3.4.x/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizing-theme title: Customizing Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; diff --git a/docs/next/customizing-theme.md b/docs/next/customizing-theme.md index cff320d03..fe2f7ef78 100644 --- a/docs/next/customizing-theme.md +++ b/docs/next/customizing-theme.md @@ -1,6 +1,8 @@ --- id: customizing-theme title: Customizing Theme +metaTitle: Customizing Theme | NativeBase +metaDescription: The theme is one of the core elements of NativeBase. Learn more about the theme of NativeBase, what it looks like, and how to customize it to your liking. --- import { NativeBaseProvider, Box } from 'native-base'; From 98e430e581f250569c6237e21b6edae122111a67 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Wed, 30 Nov 2022 19:04:53 +0530 Subject: [PATCH 04/47] change in meta title and meta description in customizing components --- docs/3.0.x/customizing-components.md | 2 ++ docs/3.1.x/customizing-components.md | 2 ++ docs/3.2.x/customizing-components.md | 2 ++ docs/3.3.x/customizing-components.md | 2 ++ docs/3.4.x/customizing-components.md | 2 ++ docs/next/customizing-components.md | 32 +++++++++++++++------------- 6 files changed, 27 insertions(+), 15 deletions(-) diff --git a/docs/3.0.x/customizing-components.md b/docs/3.0.x/customizing-components.md index 62bc8b5be..1a50370a1 100644 --- a/docs/3.0.x/customizing-components.md +++ b/docs/3.0.x/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizingComponents title: Customising Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. diff --git a/docs/3.1.x/customizing-components.md b/docs/3.1.x/customizing-components.md index ea7854833..8cfcb6640 100644 --- a/docs/3.1.x/customizing-components.md +++ b/docs/3.1.x/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizing-components title: Customizing Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. diff --git a/docs/3.2.x/customizing-components.md b/docs/3.2.x/customizing-components.md index 5ca290d66..6a5e127aa 100644 --- a/docs/3.2.x/customizing-components.md +++ b/docs/3.2.x/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizing-components title: Customizing Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. diff --git a/docs/3.3.x/customizing-components.md b/docs/3.3.x/customizing-components.md index 9bd0207c8..fdf3f1d8c 100644 --- a/docs/3.3.x/customizing-components.md +++ b/docs/3.3.x/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizing-components title: Customizing Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. diff --git a/docs/3.4.x/customizing-components.md b/docs/3.4.x/customizing-components.md index acd76d533..9f2eed8e5 100644 --- a/docs/3.4.x/customizing-components.md +++ b/docs/3.4.x/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizing-components title: Customizing Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. diff --git a/docs/next/customizing-components.md b/docs/next/customizing-components.md index acd76d533..62cfedaa8 100644 --- a/docs/next/customizing-components.md +++ b/docs/next/customizing-components.md @@ -1,6 +1,8 @@ --- id: customizing-components title: Customizing Components +metaTitle: Customizing Components | NativeBase +metaDescription: Theme customization is at the heart of NativeBase. Learn how to customize components easily with examples and the difference between baseStyle and defaultProps. --- Theme customisation is at the heart of NativeBase. Using NativeBase's `extendTheme` function, we can customise components. @@ -12,8 +14,8 @@ Let's customise a Button component to include rounded borders and red colorSchem ## Basic ```tsx -import React from 'react'; -import { NativeBaseProvider, extendTheme } from 'native-base'; +import React from "react"; +import { NativeBaseProvider, extendTheme } from "native-base"; export default function () { const theme = extendTheme({ @@ -21,18 +23,18 @@ export default function () { Button: { // Can simply pass default props to change default behaviour of components. baseStyle: { - rounded: 'md', + rounded: "md", }, defaultProps: { - colorScheme: 'red', + colorScheme: "red", }, }, Heading: { // Can pass also function, giving you access theming tools baseStyle: ({ colorMode }) => { return { - color: colorMode === 'dark' ? 'red.300' : 'blue.300', - fontWeight: 'normal', + color: colorMode === "dark" ? "red.300" : "blue.300", + fontWeight: "normal", }; }, }, @@ -58,7 +60,7 @@ Take a look at an [example here](https://github.com/GeekyAnts/NativeBase/blob/v3 #### Default Props - Default props can be used to initialize props of a component. -- For e.g. You have a Button component and it has 2 variants. i.e. outline, solid. +- For e.g. You have a Button component and it has 2 variants. i.e. outline, solid. Take a look at an [example here](https://github.com/GeekyAnts/NativeBase/blob/v3.1.0/src/theme/components/button.ts#L201). @@ -78,22 +80,22 @@ When variant in defaultProps is `solid` the above button will use solid variant. You can specify the base style of the component and use it across project. ```jsx isLive=true -import React from 'react'; -import { Text, NativeBaseProvider, Center, extendTheme } from 'native-base'; +import React from "react"; +import { Text, NativeBaseProvider, Center, extendTheme } from "native-base"; export function Example() { const theme = extendTheme({ components: { Text: { baseStyle: { - color: 'emerald.400', + color: "emerald.400", }, - defaultProps: { size: 'lg' }, + defaultProps: { size: "lg" }, sizes: { - xl: { fontSize: '64px' }, - lg: { fontSize: '32px' }, - md: { fontSize: '16px' }, - sm: { fontSize: '12px' }, + xl: { fontSize: "64px" }, + lg: { fontSize: "32px" }, + md: { fontSize: "16px" }, + sm: { fontSize: "12px" }, }, }, }, From b14ec0fcc631b97272556fa8b48c27b9052ca844 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 11:09:44 +0530 Subject: [PATCH 05/47] change in meta title and meta description in dark-mode --- docs/3.0.x/dark-mode.md | 2 ++ docs/3.1.x/dark-mode.md | 2 ++ docs/3.2.x/dark-mode.md | 2 ++ docs/3.3.x/dark-mode.md | 2 ++ docs/3.4.x/dark-mode.md | 2 ++ docs/next/dark-mode.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/dark-mode.md b/docs/3.0.x/dark-mode.md index e5256943e..680594954 100644 --- a/docs/3.0.x/dark-mode.md +++ b/docs/3.0.x/dark-mode.md @@ -1,6 +1,8 @@ --- id: darkMode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: diff --git a/docs/3.1.x/dark-mode.md b/docs/3.1.x/dark-mode.md index 9825a0266..4c4c0549e 100644 --- a/docs/3.1.x/dark-mode.md +++ b/docs/3.1.x/dark-mode.md @@ -1,6 +1,8 @@ --- id: dark-mode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: diff --git a/docs/3.2.x/dark-mode.md b/docs/3.2.x/dark-mode.md index 9825a0266..4c4c0549e 100644 --- a/docs/3.2.x/dark-mode.md +++ b/docs/3.2.x/dark-mode.md @@ -1,6 +1,8 @@ --- id: dark-mode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: diff --git a/docs/3.3.x/dark-mode.md b/docs/3.3.x/dark-mode.md index 9825a0266..4c4c0549e 100644 --- a/docs/3.3.x/dark-mode.md +++ b/docs/3.3.x/dark-mode.md @@ -1,6 +1,8 @@ --- id: dark-mode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: diff --git a/docs/3.4.x/dark-mode.md b/docs/3.4.x/dark-mode.md index d6e4a3b2e..a1ebf593b 100644 --- a/docs/3.4.x/dark-mode.md +++ b/docs/3.4.x/dark-mode.md @@ -1,6 +1,8 @@ --- id: dark-mode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: diff --git a/docs/next/dark-mode.md b/docs/next/dark-mode.md index d6e4a3b2e..a1ebf593b 100644 --- a/docs/next/dark-mode.md +++ b/docs/next/dark-mode.md @@ -1,6 +1,8 @@ --- id: dark-mode title: Making Components Dark Mode Compatible +metaTitle: Making components dark mode compatible | NativeBase +metaDescription: Most of the components in NativeBase are dark mode compatible. In case you might need to make your component respond to color mode, follow this guideline. --- By default, most of NativeBase's components are dark mode compatible. In some scenario, you might need to make your component respond to color mode. There are 2 ways to achieve this: From d55decb718b2dc05d116274a2905b2aeb8707756 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:04:29 +0530 Subject: [PATCH 06/47] change in meta title and meta description in breakpoints --- docs/3.0.x/breakpoints.md | 2 ++ docs/3.1.x/breakpoints.md | 2 ++ docs/3.2.x/breakpoints.md | 2 ++ docs/3.3.x/breakpoints.md | 2 ++ docs/3.4.x/breakpoints.md | 2 ++ docs/next/breakpoints.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/breakpoints.md b/docs/3.0.x/breakpoints.md index 78b04fa8a..6c777579c 100644 --- a/docs/3.0.x/breakpoints.md +++ b/docs/3.0.x/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoint title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. diff --git a/docs/3.1.x/breakpoints.md b/docs/3.1.x/breakpoints.md index c7ed47991..a07b4b64d 100644 --- a/docs/3.1.x/breakpoints.md +++ b/docs/3.1.x/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoints title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. diff --git a/docs/3.2.x/breakpoints.md b/docs/3.2.x/breakpoints.md index d30fb4cf1..422586e65 100644 --- a/docs/3.2.x/breakpoints.md +++ b/docs/3.2.x/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoints title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. diff --git a/docs/3.3.x/breakpoints.md b/docs/3.3.x/breakpoints.md index d30fb4cf1..422586e65 100644 --- a/docs/3.3.x/breakpoints.md +++ b/docs/3.3.x/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoints title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. diff --git a/docs/3.4.x/breakpoints.md b/docs/3.4.x/breakpoints.md index 0d430e1b8..459eb8491 100644 --- a/docs/3.4.x/breakpoints.md +++ b/docs/3.4.x/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoints title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. diff --git a/docs/next/breakpoints.md b/docs/next/breakpoints.md index 0d430e1b8..459eb8491 100644 --- a/docs/next/breakpoints.md +++ b/docs/next/breakpoints.md @@ -1,6 +1,8 @@ --- id: breakpoints title: Breakpoints +metaTitle: Breakpoints | NativeBase +metaDescription: Breakpoints are the building blocks of responsive design. NativeBase provides some default breakpoints which you can check out and update using extendTheme. --- Breakpoints are the building blocks of responsive design. Use them to control when your layout can be adapted at a particular viewport or device size. From 8d47dfe62a64603baa167edb914c5a699f313159 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:19:30 +0530 Subject: [PATCH 07/47] change in meta title and meta description in typescript --- docs/3.2.x/typescript.mdx | 2 ++ docs/3.3.x/typescript.md | 3 +++ docs/3.4.x/typescript.mdx | 2 ++ docs/next/typescript.mdx | 2 ++ 4 files changed, 9 insertions(+) diff --git a/docs/3.2.x/typescript.mdx b/docs/3.2.x/typescript.mdx index e35674269..74709d4a0 100644 --- a/docs/3.2.x/typescript.mdx +++ b/docs/3.2.x/typescript.mdx @@ -1,6 +1,8 @@ --- id: typescript title: TypeScript +metaTitle: Typescript | NativeBase +metaDescription: "Learn more about the steps to follow in order to enable TypeScript for custom theme tokens or variants in NativeBase. Example with result in the guideline." --- To enable TypeScript for custom theme tokens or variants, we'll follow two simple steps. diff --git a/docs/3.3.x/typescript.md b/docs/3.3.x/typescript.md index 8cdb3413d..4de9a4647 100644 --- a/docs/3.3.x/typescript.md +++ b/docs/3.3.x/typescript.md @@ -1,6 +1,9 @@ --- id: typescript title: TypeScript +metaTitle: Typescript | NativeBase +metaDescription: "Learn more about the steps to follow in order to enable TypeScript for custom theme tokens or variants in NativeBase. Example with result in the guideline." + --- import Image from "next/Image"; diff --git a/docs/3.4.x/typescript.mdx b/docs/3.4.x/typescript.mdx index a94ae1c8d..d3b2efd4b 100644 --- a/docs/3.4.x/typescript.mdx +++ b/docs/3.4.x/typescript.mdx @@ -1,6 +1,8 @@ --- id: typescript title: TypeScript +metaTitle: Typescript | NativeBase +metaDescription: "Learn more about the steps to follow in order to enable TypeScript for custom theme tokens or variants in NativeBase. Example with result in the guideline." --- import Image from "next/Image"; diff --git a/docs/next/typescript.mdx b/docs/next/typescript.mdx index a94ae1c8d..d3b2efd4b 100644 --- a/docs/next/typescript.mdx +++ b/docs/next/typescript.mdx @@ -1,6 +1,8 @@ --- id: typescript title: TypeScript +metaTitle: Typescript | NativeBase +metaDescription: "Learn more about the steps to follow in order to enable TypeScript for custom theme tokens or variants in NativeBase. Example with result in the guideline." --- import Image from "next/Image"; From 767ba9bd04213aeacefc51f4e987b768a475c470 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:24:27 +0530 Subject: [PATCH 08/47] change in meta title and meta description in aspect-ratio --- docs/3.3.x/aspect-ratio.md | 2 ++ docs/3.4.x/aspect-ratio.md | 2 ++ docs/next/aspect-ratio.md | 2 ++ 3 files changed, 6 insertions(+) diff --git a/docs/3.3.x/aspect-ratio.md b/docs/3.3.x/aspect-ratio.md index 4a49d0617..1a64606ad 100644 --- a/docs/3.3.x/aspect-ratio.md +++ b/docs/3.3.x/aspect-ratio.md @@ -1,6 +1,8 @@ --- id: aspectRatio title: AspectRatio +metaTitle: AspectRatio | NativeBase +metaDescription: AspectRatio in NativeBase controls the size of the undefined dimension of a node or child component. Read on for examples and more details on AspectRatio. --- AspectRatio controls the size of the undefined dimension of a node or child component. You can refer [mozilla.org](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) for more details. diff --git a/docs/3.4.x/aspect-ratio.md b/docs/3.4.x/aspect-ratio.md index 4a49d0617..1a64606ad 100644 --- a/docs/3.4.x/aspect-ratio.md +++ b/docs/3.4.x/aspect-ratio.md @@ -1,6 +1,8 @@ --- id: aspectRatio title: AspectRatio +metaTitle: AspectRatio | NativeBase +metaDescription: AspectRatio in NativeBase controls the size of the undefined dimension of a node or child component. Read on for examples and more details on AspectRatio. --- AspectRatio controls the size of the undefined dimension of a node or child component. You can refer [mozilla.org](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) for more details. diff --git a/docs/next/aspect-ratio.md b/docs/next/aspect-ratio.md index 4a49d0617..1a64606ad 100644 --- a/docs/next/aspect-ratio.md +++ b/docs/next/aspect-ratio.md @@ -1,6 +1,8 @@ --- id: aspectRatio title: AspectRatio +metaTitle: AspectRatio | NativeBase +metaDescription: AspectRatio in NativeBase controls the size of the undefined dimension of a node or child component. Read on for examples and more details on AspectRatio. --- AspectRatio controls the size of the undefined dimension of a node or child component. You can refer [mozilla.org](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) for more details. From eef31ae1e30abfb05db6620117cbabe4fd873d1d Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:28:41 +0530 Subject: [PATCH 09/47] change in meta title and meta description in box --- docs/3.0.x/box.md | 2 ++ docs/3.1.x/box.md | 2 ++ docs/3.2.x/box.md | 2 ++ docs/3.3.x/box.md | 2 ++ docs/3.4.x/box.md | 2 ++ docs/next/box.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/box.md b/docs/3.0.x/box.md index a12b95783..0ef13063a 100644 --- a/docs/3.0.x/box.md +++ b/docs/3.0.x/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. diff --git a/docs/3.1.x/box.md b/docs/3.1.x/box.md index a03c3f457..d93e1727a 100644 --- a/docs/3.1.x/box.md +++ b/docs/3.1.x/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. diff --git a/docs/3.2.x/box.md b/docs/3.2.x/box.md index 22a3eb016..fdd106058 100644 --- a/docs/3.2.x/box.md +++ b/docs/3.2.x/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. diff --git a/docs/3.3.x/box.md b/docs/3.3.x/box.md index 5642e591e..9a2566541 100644 --- a/docs/3.3.x/box.md +++ b/docs/3.3.x/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. diff --git a/docs/3.4.x/box.md b/docs/3.4.x/box.md index 5642e591e..9a2566541 100644 --- a/docs/3.4.x/box.md +++ b/docs/3.4.x/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. diff --git a/docs/next/box.md b/docs/next/box.md index 5642e591e..9a2566541 100644 --- a/docs/next/box.md +++ b/docs/next/box.md @@ -1,6 +1,8 @@ --- id: box title: Box +metaTitle: Box | NativeBase +metaDescription: Box in NativeBase is a generic component for low-level layout needs. More on box component types- basic, composition, with linear gradient, and box (with ref). --- This is a generic component for low level layout needs. It is similar to a [`div`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) in HTML. From b89d8fa6711a01bd4264988b11f8815620766bdc Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:31:47 +0530 Subject: [PATCH 10/47] change in meta title and meta description in center --- docs/3.0.x/center.md | 4 +++- docs/3.1.x/center.md | 2 ++ docs/3.2.x/center.md | 2 ++ docs/3.3.x/center.md | 2 ++ docs/3.4.x/center.md | 2 ++ docs/next/center.md | 2 ++ 6 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/3.0.x/center.md b/docs/3.0.x/center.md index b6be45e7d..2b81572ab 100644 --- a/docs/3.0.x/center.md +++ b/docs/3.0.x/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. @@ -8,7 +10,7 @@ title: Center ## Import ```jsx -import { Center, Square, Circle } from 'native-base'; +import { Center, Square, Circle } from "native-base"; ``` - **Center:** Centers its child, pass `width` and `height` diff --git a/docs/3.1.x/center.md b/docs/3.1.x/center.md index b6be45e7d..c6238a0fd 100644 --- a/docs/3.1.x/center.md +++ b/docs/3.1.x/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. diff --git a/docs/3.2.x/center.md b/docs/3.2.x/center.md index 3f466f274..74990ecf1 100644 --- a/docs/3.2.x/center.md +++ b/docs/3.2.x/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. diff --git a/docs/3.3.x/center.md b/docs/3.3.x/center.md index abba8dce0..809ea98e2 100644 --- a/docs/3.3.x/center.md +++ b/docs/3.3.x/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. diff --git a/docs/3.4.x/center.md b/docs/3.4.x/center.md index abba8dce0..809ea98e2 100644 --- a/docs/3.4.x/center.md +++ b/docs/3.4.x/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. diff --git a/docs/next/center.md b/docs/next/center.md index abba8dce0..809ea98e2 100644 --- a/docs/next/center.md +++ b/docs/next/center.md @@ -1,6 +1,8 @@ --- id: center title: Center +metaTitle: Center | NativeBase +metaDescription: In NativeBase, center aligns its contents to the center within itself. More on center types and examples such as basic, icon frames, and square and circle. --- `Center` aligns its contents to the center within itself. It is a layout component. From f4989e4fa8dc67ba90d4b848e5a6a27561cd5f3f Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:34:58 +0530 Subject: [PATCH 11/47] change in meta title and meta description in flex --- docs/3.0.x/flex.md | 4 +++- docs/3.1.x/flex.md | 2 ++ docs/3.2.x/flex.md | 2 ++ docs/3.3.x/flex.md | 2 ++ docs/3.4.x/flex.md | 2 ++ docs/next/flex.md | 2 ++ 6 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/3.0.x/flex.md b/docs/3.0.x/flex.md index 0e9fddc8d..5b2842e4d 100644 --- a/docs/3.0.x/flex.md +++ b/docs/3.0.x/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. @@ -8,7 +10,7 @@ title: Flex ## Import ```jsx -import { Flex, Spacer } from 'native-base'; +import { Flex, Spacer } from "native-base"; ``` - `Flex`: a **[Box](box.md)** with `display: flex` diff --git a/docs/3.1.x/flex.md b/docs/3.1.x/flex.md index 0e9fddc8d..94659f8a3 100644 --- a/docs/3.1.x/flex.md +++ b/docs/3.1.x/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. diff --git a/docs/3.2.x/flex.md b/docs/3.2.x/flex.md index 1f5cb3f3b..b6d37065f 100644 --- a/docs/3.2.x/flex.md +++ b/docs/3.2.x/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. diff --git a/docs/3.3.x/flex.md b/docs/3.3.x/flex.md index 647930df8..6e8141a9f 100644 --- a/docs/3.3.x/flex.md +++ b/docs/3.3.x/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. diff --git a/docs/3.4.x/flex.md b/docs/3.4.x/flex.md index 74e118840..11c72c4da 100644 --- a/docs/3.4.x/flex.md +++ b/docs/3.4.x/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. diff --git a/docs/next/flex.md b/docs/next/flex.md index 74e118840..11c72c4da 100644 --- a/docs/next/flex.md +++ b/docs/next/flex.md @@ -1,6 +1,8 @@ --- id: flex title: Flex +metaTitle: Flex | NativeBase +metaDescription: Flex in NativeBase provides helpful style shorthand and is a Box with display:flex. Learn about the usage of flex components with examples in this document. --- `Flex` provides helpful style shorthand and is a [`Box`](box.md) with `display: flex`. From a00164df3a3eb1b0add3363b720a2390c944eaf2 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:39:32 +0530 Subject: [PATCH 12/47] change in meta title and meta description in container --- docs/3.0.x/container.md | 2 ++ docs/3.1.x/container.md | 2 ++ docs/3.2.x/container.md | 2 ++ docs/3.3.x/container.md | 2 ++ docs/3.4.x/container.md | 2 ++ docs/next/container.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/container.md b/docs/3.0.x/container.md index bc7fec7ca..d21dd00de 100644 --- a/docs/3.0.x/container.md +++ b/docs/3.0.x/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. diff --git a/docs/3.1.x/container.md b/docs/3.1.x/container.md index bc7fec7ca..d21dd00de 100644 --- a/docs/3.1.x/container.md +++ b/docs/3.1.x/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. diff --git a/docs/3.2.x/container.md b/docs/3.2.x/container.md index bd4680d93..5337a3f7d 100644 --- a/docs/3.2.x/container.md +++ b/docs/3.2.x/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. diff --git a/docs/3.3.x/container.md b/docs/3.3.x/container.md index bd4680d93..5337a3f7d 100644 --- a/docs/3.3.x/container.md +++ b/docs/3.3.x/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. diff --git a/docs/3.4.x/container.md b/docs/3.4.x/container.md index bd4680d93..5337a3f7d 100644 --- a/docs/3.4.x/container.md +++ b/docs/3.4.x/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. diff --git a/docs/next/container.md b/docs/next/container.md index bd4680d93..5337a3f7d 100644 --- a/docs/next/container.md +++ b/docs/next/container.md @@ -1,6 +1,8 @@ --- id: container title: Container +metaTitle: Container | NativeBase +metaDescription: The Container in NativeBase restricts a content width according to the current breakpoint while keeping the size fluid. More on Container usage with examples. --- The `Container` restricts a content's width according to current breakpoint, while keeping the size fluid. From a0781284ce424dee1faea6698f6767d299ea918a Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:42:51 +0530 Subject: [PATCH 13/47] change in meta title and meta description in hstack --- docs/3.0.x/hstack.md | 2 ++ docs/3.1.x/hstack.md | 2 ++ docs/3.2.x/hstack.md | 2 ++ docs/3.3.x/hstack.md | 2 ++ docs/3.4.x/hstack.md | 2 ++ docs/next/hstack.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/hstack.md b/docs/3.0.x/hstack.md index 276f3d442..bcd4a47cf 100644 --- a/docs/3.0.x/hstack.md +++ b/docs/3.0.x/hstack.md @@ -1,6 +1,8 @@ --- id: hStack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. diff --git a/docs/3.1.x/hstack.md b/docs/3.1.x/hstack.md index 276f3d442..bcd4a47cf 100644 --- a/docs/3.1.x/hstack.md +++ b/docs/3.1.x/hstack.md @@ -1,6 +1,8 @@ --- id: hStack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. diff --git a/docs/3.2.x/hstack.md b/docs/3.2.x/hstack.md index de0d33d06..de051c172 100644 --- a/docs/3.2.x/hstack.md +++ b/docs/3.2.x/hstack.md @@ -1,6 +1,8 @@ --- id: h-stack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. diff --git a/docs/3.3.x/hstack.md b/docs/3.3.x/hstack.md index 119704e5e..f1b64e455 100644 --- a/docs/3.3.x/hstack.md +++ b/docs/3.3.x/hstack.md @@ -1,6 +1,8 @@ --- id: h-stack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. diff --git a/docs/3.4.x/hstack.md b/docs/3.4.x/hstack.md index 119704e5e..f1b64e455 100644 --- a/docs/3.4.x/hstack.md +++ b/docs/3.4.x/hstack.md @@ -1,6 +1,8 @@ --- id: h-stack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. diff --git a/docs/next/hstack.md b/docs/next/hstack.md index 119704e5e..f1b64e455 100644 --- a/docs/next/hstack.md +++ b/docs/next/hstack.md @@ -1,6 +1,8 @@ --- id: h-stack title: HStack / Row +metaTitle: HStack / Row | NativeBase +metaDescription: HStack in NativeBase aligns items horizontally. Row is also an alias for HStack. Learn more about aligning with this component with examples in this document. --- `HStack` aligns items horizontally. `Row` is also an alias for `HStack`. From 833cea323984e290c79ab9f63f3f6eb0e8e8f9a3 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 12:49:09 +0530 Subject: [PATCH 14/47] change in meta title and meta description in stack --- docs/3.0.x/stack.md | 2 ++ docs/3.1.x/stack.md | 2 ++ docs/3.2.x/stack.md | 2 ++ docs/3.3.x/stack.md | 2 ++ docs/3.4.x/stack.md | 2 ++ docs/next/stack.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/stack.md b/docs/3.0.x/stack.md index 12ac4ecae..6c59741e4 100644 --- a/docs/3.0.x/stack.md +++ b/docs/3.0.x/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. diff --git a/docs/3.1.x/stack.md b/docs/3.1.x/stack.md index 12ac4ecae..6c59741e4 100644 --- a/docs/3.1.x/stack.md +++ b/docs/3.1.x/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. diff --git a/docs/3.2.x/stack.md b/docs/3.2.x/stack.md index bf058ead7..420aa0d95 100644 --- a/docs/3.2.x/stack.md +++ b/docs/3.2.x/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. diff --git a/docs/3.3.x/stack.md b/docs/3.3.x/stack.md index 636151da9..e2ef987fb 100644 --- a/docs/3.3.x/stack.md +++ b/docs/3.3.x/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. diff --git a/docs/3.4.x/stack.md b/docs/3.4.x/stack.md index 636151da9..e2ef987fb 100644 --- a/docs/3.4.x/stack.md +++ b/docs/3.4.x/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. diff --git a/docs/next/stack.md b/docs/next/stack.md index 636151da9..e2ef987fb 100644 --- a/docs/next/stack.md +++ b/docs/next/stack.md @@ -1,6 +1,8 @@ --- id: stack title: Stack +metaTitle: Stack | NativeBase +metaDescription: Stack in NativeBase aligns items vertically or horizontally based on the direction prop. Learn more about Stack component with some examples in this document. --- `Stack` aligns items vertically or horizontally based on the `direction` prop. From 01ebb62c6192347376aef4b06769de0a9b1d77d9 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:09:44 +0530 Subject: [PATCH 15/47] change in meta title and meta description in vstack --- docs/3.0.x/vstack.md | 4 +++- docs/3.1.x/vstack.md | 2 ++ docs/3.2.x/vstack.md | 2 ++ docs/3.3.x/vstack.md | 2 ++ docs/3.4.x/vstack.md | 2 ++ docs/next/vstack.md | 2 ++ 6 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/3.0.x/vstack.md b/docs/3.0.x/vstack.md index 44942a4fa..21ab811cb 100644 --- a/docs/3.0.x/vstack.md +++ b/docs/3.0.x/vstack.md @@ -1,6 +1,8 @@ --- id: VStack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. @@ -8,7 +10,7 @@ title: VStack / Column ## Import ```jsx -import { VStack } from 'native-base'; +import { VStack } from "native-base"; ``` ## Usage diff --git a/docs/3.1.x/vstack.md b/docs/3.1.x/vstack.md index 44942a4fa..a56f3da51 100644 --- a/docs/3.1.x/vstack.md +++ b/docs/3.1.x/vstack.md @@ -1,6 +1,8 @@ --- id: VStack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. diff --git a/docs/3.2.x/vstack.md b/docs/3.2.x/vstack.md index a7b47fb83..53016e971 100644 --- a/docs/3.2.x/vstack.md +++ b/docs/3.2.x/vstack.md @@ -1,6 +1,8 @@ --- id: vstack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. diff --git a/docs/3.3.x/vstack.md b/docs/3.3.x/vstack.md index 4f5516f7f..e816b29d3 100644 --- a/docs/3.3.x/vstack.md +++ b/docs/3.3.x/vstack.md @@ -1,6 +1,8 @@ --- id: vstack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. diff --git a/docs/3.4.x/vstack.md b/docs/3.4.x/vstack.md index 4f5516f7f..e816b29d3 100644 --- a/docs/3.4.x/vstack.md +++ b/docs/3.4.x/vstack.md @@ -1,6 +1,8 @@ --- id: vstack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. diff --git a/docs/next/vstack.md b/docs/next/vstack.md index 4f5516f7f..e816b29d3 100644 --- a/docs/next/vstack.md +++ b/docs/next/vstack.md @@ -1,6 +1,8 @@ --- id: vstack title: VStack / Column +metaTitle: VStack / Column | NativeBase +metaDescription: Vstack in NativeBase aligns items vertically. Column is an alias for Vstack. You can learn more about the usage of Vstack/Column component in this document. --- `VStack` aligns items vertically. `Column` is also an alias for `VStack`. From 86c389b73e7b9209e4b10e173a263f28b6625e41 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:14:50 +0530 Subject: [PATCH 16/47] change in meta title and meta description in zstack --- docs/3.0.x/zstack.md | 5 +++++ docs/3.1.x/zstack.md | 5 +++++ docs/3.2.x/zstack.md | 2 ++ docs/3.3.x/zstack.md | 2 ++ docs/3.4.x/zstack.md | 2 ++ docs/next/zstack.md | 2 ++ 6 files changed, 18 insertions(+) diff --git a/docs/3.0.x/zstack.md b/docs/3.0.x/zstack.md index 6005fa0e2..7b1720729 100644 --- a/docs/3.0.x/zstack.md +++ b/docs/3.0.x/zstack.md @@ -1,3 +1,8 @@ +--- +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. +--- + `ZStack` aligns items to the z-axis. ## Examples diff --git a/docs/3.1.x/zstack.md b/docs/3.1.x/zstack.md index 6005fa0e2..7b1720729 100644 --- a/docs/3.1.x/zstack.md +++ b/docs/3.1.x/zstack.md @@ -1,3 +1,8 @@ +--- +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. +--- + `ZStack` aligns items to the z-axis. ## Examples diff --git a/docs/3.2.x/zstack.md b/docs/3.2.x/zstack.md index 8cce87da5..0cd7cc8ab 100644 --- a/docs/3.2.x/zstack.md +++ b/docs/3.2.x/zstack.md @@ -1,6 +1,8 @@ --- id: z-stack title: ZStack +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. --- `ZStack` aligns items to the z-axis. diff --git a/docs/3.3.x/zstack.md b/docs/3.3.x/zstack.md index 3446c4fd0..ccadc2ad5 100644 --- a/docs/3.3.x/zstack.md +++ b/docs/3.3.x/zstack.md @@ -1,6 +1,8 @@ --- id: z-stack title: ZStack +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. --- `ZStack` aligns items to the z-axis. diff --git a/docs/3.4.x/zstack.md b/docs/3.4.x/zstack.md index 3446c4fd0..ccadc2ad5 100644 --- a/docs/3.4.x/zstack.md +++ b/docs/3.4.x/zstack.md @@ -1,6 +1,8 @@ --- id: z-stack title: ZStack +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. --- `ZStack` aligns items to the z-axis. diff --git a/docs/next/zstack.md b/docs/next/zstack.md index 3446c4fd0..ccadc2ad5 100644 --- a/docs/next/zstack.md +++ b/docs/next/zstack.md @@ -1,6 +1,8 @@ --- id: z-stack title: ZStack +metaTitle: ZStack | NativeBase +metaDescription: In NativeBase ZStack aligns items to the z-axis. Learn more about the types of ZStack component such as basic and items centered with examples in this document. --- `ZStack` aligns items to the z-axis. From 38ca5be65e8622896feb57da7ac97727ab45545e Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:24:54 +0530 Subject: [PATCH 17/47] change in meta title and meta description in badge --- docs/3.0.x/badge.md | 2 ++ docs/3.1.x/badge.md | 2 ++ docs/3.2.x/badge.md | 2 ++ docs/3.3.x/badge.md | 2 ++ docs/3.4.x/badge.md | 2 ++ docs/next/badge.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/badge.md b/docs/3.0.x/badge.md index 607a80451..b1c6d69de 100644 --- a/docs/3.0.x/badge.md +++ b/docs/3.0.x/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.1.x/badge.md b/docs/3.1.x/badge.md index 607a80451..b1c6d69de 100644 --- a/docs/3.1.x/badge.md +++ b/docs/3.1.x/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/badge.md b/docs/3.2.x/badge.md index 33a08a72d..fd6f60154 100644 --- a/docs/3.2.x/badge.md +++ b/docs/3.2.x/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/badge.md b/docs/3.3.x/badge.md index 5c8e24cbd..ef198cf4f 100644 --- a/docs/3.3.x/badge.md +++ b/docs/3.3.x/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/badge.md b/docs/3.4.x/badge.md index 5c8e24cbd..ef198cf4f 100644 --- a/docs/3.4.x/badge.md +++ b/docs/3.4.x/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/badge.md b/docs/next/badge.md index 5c8e24cbd..ef198cf4f 100644 --- a/docs/next/badge.md +++ b/docs/next/badge.md @@ -1,6 +1,8 @@ --- id: badge title: Badge +metaTitle: Badge | NativeBase +metaDescription: Migrating Badge to NativeBase v3 will provide a lot more design, size, variant, and customization, options. More on migrating Badge components in this document. --- import { ComponentTheme } from '../src/components'; From 91ea6ad382dcea26d2fc63e7e008ddb3e4a3a357 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:31:01 +0530 Subject: [PATCH 18/47] change in meta title and meta description in divider --- docs/3.0.x/divider.md | 4 +++- docs/3.1.x/divider.md | 2 ++ docs/3.2.x/divider.md | 2 ++ docs/3.3.x/divider.md | 2 ++ docs/3.4.x/divider.md | 8 +++++--- docs/next/divider.md | 2 ++ 6 files changed, 16 insertions(+), 4 deletions(-) diff --git a/docs/3.0.x/divider.md b/docs/3.0.x/divider.md index a65c8b86a..5f79acdd7 100644 --- a/docs/3.0.x/divider.md +++ b/docs/3.0.x/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../../src/components'; @@ -10,7 +12,7 @@ import { ComponentTheme } from '../../src/components'; ## Import ```jsx -import { Divider } from 'native-base'; +import { Divider } from "native-base"; ``` ## Examples diff --git a/docs/3.1.x/divider.md b/docs/3.1.x/divider.md index a65c8b86a..41f50c316 100644 --- a/docs/3.1.x/divider.md +++ b/docs/3.1.x/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/divider.md b/docs/3.2.x/divider.md index 38a22c284..eaea403fa 100644 --- a/docs/3.2.x/divider.md +++ b/docs/3.2.x/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/divider.md b/docs/3.3.x/divider.md index 61c7745aa..4ba099305 100644 --- a/docs/3.3.x/divider.md +++ b/docs/3.3.x/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/divider.md b/docs/3.4.x/divider.md index 61c7745aa..23390c592 100644 --- a/docs/3.4.x/divider.md +++ b/docs/3.4.x/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../src/components'; @@ -8,8 +10,8 @@ import { ComponentTheme } from '../src/components'; `Divider` can visually separate content in a given list or group. ```jsx isShowcase -import React from 'react'; -import { Divider, Heading, Box } from 'native-base'; +import React from "react"; +import { Divider, Heading, Box } from "native-base"; export const Example = () => { return ( @@ -29,7 +31,7 @@ export const Example = () => { ## Import ```jsx -import { Divider } from 'native-base'; +import { Divider } from "native-base"; ``` ## Examples diff --git a/docs/next/divider.md b/docs/next/divider.md index 61c7745aa..4ba099305 100644 --- a/docs/next/divider.md +++ b/docs/next/divider.md @@ -1,6 +1,8 @@ --- id: divider title: Divider +metaTitle: Divider | NativeBase +metaDescription: "In NativeBase, Divider can visually separate content in a given list or group. Learn more here about basic, divider orientation, and composition with examples." --- import { ComponentTheme } from '../src/components'; From de048d06cf9ba86478894c50d70479e8dfef9aaa Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:38:59 +0530 Subject: [PATCH 19/47] change in meta title and meta description in alert --- docs/3.0.x/alert.md | 2 ++ docs/3.1.x/alert.md | 2 ++ docs/3.2.x/alert.md | 2 ++ docs/3.3.x/alert.md | 2 ++ docs/3.4.x/alert.md | 2 ++ docs/next/alert.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/alert.md b/docs/3.0.x/alert.md index a56754e77..3f5fd5842 100644 --- a/docs/3.0.x/alert.md +++ b/docs/3.0.x/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.1.x/alert.md b/docs/3.1.x/alert.md index a56754e77..3f5fd5842 100644 --- a/docs/3.1.x/alert.md +++ b/docs/3.1.x/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/alert.md b/docs/3.2.x/alert.md index 885bff9ef..c5f0de2af 100644 --- a/docs/3.2.x/alert.md +++ b/docs/3.2.x/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/alert.md b/docs/3.3.x/alert.md index e8a92c77f..cffef8a16 100644 --- a/docs/3.3.x/alert.md +++ b/docs/3.3.x/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/alert.md b/docs/3.4.x/alert.md index 507b82573..f7975c1bf 100644 --- a/docs/3.4.x/alert.md +++ b/docs/3.4.x/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/alert.md b/docs/next/alert.md index 507b82573..f7975c1bf 100644 --- a/docs/next/alert.md +++ b/docs/next/alert.md @@ -1,6 +1,8 @@ --- id: alert title: Alert +metaTitle: Alert | NativeBase +metaDescription: The Alert component in NativeBase is used to convey warnings and important messages to the user. Explore alert component types with examples in this document. --- import { ComponentTheme } from '../src/components'; From 6fb5b5210d655b779c6dff10f0a9bbf591d34f78 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:42:17 +0530 Subject: [PATCH 20/47] change in meta title and meta description in progress --- docs/3.0.x/progress.md | 4 +++- docs/3.1.x/progress.md | 2 ++ docs/3.2.x/progress.md | 2 ++ docs/3.3.x/progress.md | 2 ++ docs/3.4.x/progress.md | 2 ++ docs/next/progress.md | 2 ++ 6 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/3.0.x/progress.md b/docs/3.0.x/progress.md index 7b0b68ed3..698a00821 100644 --- a/docs/3.0.x/progress.md +++ b/docs/3.0.x/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../../src/components'; @@ -10,7 +12,7 @@ import { ComponentTheme } from '../../src/components'; ## Import ```jsx -import { Progress } from 'native-base'; +import { Progress } from "native-base"; ``` ## Examples diff --git a/docs/3.1.x/progress.md b/docs/3.1.x/progress.md index 7b0b68ed3..cd02c8d94 100644 --- a/docs/3.1.x/progress.md +++ b/docs/3.1.x/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/progress.md b/docs/3.2.x/progress.md index dc431c74d..5eb99168d 100644 --- a/docs/3.2.x/progress.md +++ b/docs/3.2.x/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/progress.md b/docs/3.3.x/progress.md index 6fa5abec7..06c2fdcf6 100644 --- a/docs/3.3.x/progress.md +++ b/docs/3.3.x/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/progress.md b/docs/3.4.x/progress.md index 6fa5abec7..06c2fdcf6 100644 --- a/docs/3.4.x/progress.md +++ b/docs/3.4.x/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/progress.md b/docs/next/progress.md index 6fa5abec7..06c2fdcf6 100644 --- a/docs/next/progress.md +++ b/docs/next/progress.md @@ -1,6 +1,8 @@ --- id: progress title: Progress +metaTitle: Progress | NativeBase +metaDescription: "The Progress component in NativeBase helps show the progress status for a time-consuming task that consists of several steps. Read this document to learn more." --- import { ComponentTheme } from '../src/components'; From 9d76aa5b0304d392ffdaac26ba80ff02c470df10 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:45:54 +0530 Subject: [PATCH 21/47] change in meta title and meta description in skeleton --- docs/3.3.x/skeleton.md | 2 ++ docs/3.4.x/skeleton.md | 2 ++ docs/next/skeleton.md | 10 ++++++---- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/docs/3.3.x/skeleton.md b/docs/3.3.x/skeleton.md index 4caf51f29..e1eac32f4 100644 --- a/docs/3.3.x/skeleton.md +++ b/docs/3.3.x/skeleton.md @@ -1,6 +1,8 @@ --- id: skeleton title: Skeleton +metaTitle: Skeleton | NativeBase +metaDescription: Skeleton in NativeBase showcases the loading state of a component. Learn more about usage, color, composition, and IsLoaded in skeleton from this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/skeleton.md b/docs/3.4.x/skeleton.md index 4caf51f29..e1eac32f4 100644 --- a/docs/3.4.x/skeleton.md +++ b/docs/3.4.x/skeleton.md @@ -1,6 +1,8 @@ --- id: skeleton title: Skeleton +metaTitle: Skeleton | NativeBase +metaDescription: Skeleton in NativeBase showcases the loading state of a component. Learn more about usage, color, composition, and IsLoaded in skeleton from this document. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/skeleton.md b/docs/next/skeleton.md index 4caf51f29..3db26cdec 100644 --- a/docs/next/skeleton.md +++ b/docs/next/skeleton.md @@ -1,6 +1,8 @@ --- id: skeleton title: Skeleton +metaTitle: Skeleton | NativeBase +metaDescription: Skeleton in NativeBase showcases the loading state of a component. Learn more about usage, color, composition, and IsLoaded in skeleton from this document. --- import { ComponentTheme } from '../src/components'; @@ -8,8 +10,8 @@ import { ComponentTheme } from '../src/components'; `Skeleton` showcases the loading state of a component. ```jsx isShowcase -import React from 'react'; -import { Skeleton, VStack } from 'native-base'; +import React from "react"; +import { Skeleton, VStack } from "native-base"; export const Example = () => { return (
@@ -21,10 +23,10 @@ export const Example = () => { overflow="hidden" rounded="md" _dark={{ - borderColor: 'coolGray.500', + borderColor: "coolGray.500", }} _light={{ - borderColor: 'coolGray.200', + borderColor: "coolGray.200", }} > From d016d1464c29baeca4318f8646da10748718042a Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:49:32 +0530 Subject: [PATCH 22/47] change in meta title and meta description in spinner --- docs/3.0.x/spinner.md | 2 ++ docs/3.1.x/spinner.md | 2 ++ docs/3.2.x/spinner.md | 2 ++ docs/3.3.x/spinner.md | 2 ++ docs/3.4.x/spinner.md | 2 ++ docs/next/spinner.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/spinner.md b/docs/3.0.x/spinner.md index 359275a20..0ab35a6a8 100644 --- a/docs/3.0.x/spinner.md +++ b/docs/3.0.x/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- ## Examples diff --git a/docs/3.1.x/spinner.md b/docs/3.1.x/spinner.md index 359275a20..0ab35a6a8 100644 --- a/docs/3.1.x/spinner.md +++ b/docs/3.1.x/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- ## Examples diff --git a/docs/3.2.x/spinner.md b/docs/3.2.x/spinner.md index 3ceaeef0f..f53e00166 100644 --- a/docs/3.2.x/spinner.md +++ b/docs/3.2.x/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- ## Examples diff --git a/docs/3.3.x/spinner.md b/docs/3.3.x/spinner.md index b18493425..bde1df704 100644 --- a/docs/3.3.x/spinner.md +++ b/docs/3.3.x/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- Spinners gives visual cues to actions that are processing or awaiting a course change or results. diff --git a/docs/3.4.x/spinner.md b/docs/3.4.x/spinner.md index b18493425..bde1df704 100644 --- a/docs/3.4.x/spinner.md +++ b/docs/3.4.x/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- Spinners gives visual cues to actions that are processing or awaiting a course change or results. diff --git a/docs/next/spinner.md b/docs/next/spinner.md index b18493425..bde1df704 100644 --- a/docs/next/spinner.md +++ b/docs/next/spinner.md @@ -1,6 +1,8 @@ --- id: spinner title: Spinner +metaTitle: Spinner | NativeBase +metaDescription: " Spinner component in NativeBase gives visual cues to actions that are processing or awaiting changes. Learn more about basic spinners, colors and sizes here." --- Spinners gives visual cues to actions that are processing or awaiting a course change or results. From 6ef235a6e90f4762a927eb499e4628ec16b4257f Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:53:33 +0530 Subject: [PATCH 23/47] change in meta title and meta description in toast --- docs/3.0.x/toast.md | 4 +++- docs/3.1.x/toast.md | 2 ++ docs/3.2.x/toast.md | 2 ++ docs/3.3.x/toast.md | 2 ++ docs/3.4.x/toast.md | 2 ++ docs/next/toast.md | 2 ++ 6 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/3.0.x/toast.md b/docs/3.0.x/toast.md index d6019a4b4..86976ce27 100644 --- a/docs/3.0.x/toast.md +++ b/docs/3.0.x/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../../src/components'; @@ -12,7 +14,7 @@ Toasts can be configured to appear at either the top or the bottom of an applica ## Import ```jsx -import { useToast } from 'native-base'; +import { useToast } from "native-base"; ``` ## Examples diff --git a/docs/3.1.x/toast.md b/docs/3.1.x/toast.md index c6e2d5894..c6d991efb 100644 --- a/docs/3.1.x/toast.md +++ b/docs/3.1.x/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/toast.md b/docs/3.2.x/toast.md index 2cac17bc3..f808f31b7 100644 --- a/docs/3.2.x/toast.md +++ b/docs/3.2.x/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/toast.md b/docs/3.3.x/toast.md index c197364d1..d670c23d9 100644 --- a/docs/3.3.x/toast.md +++ b/docs/3.3.x/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/toast.md b/docs/3.4.x/toast.md index 583286c52..c7250410d 100644 --- a/docs/3.4.x/toast.md +++ b/docs/3.4.x/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/toast.md b/docs/next/toast.md index 7502d97d1..b7a20d323 100644 --- a/docs/next/toast.md +++ b/docs/next/toast.md @@ -1,6 +1,8 @@ --- id: toast title: Toast +metaTitle: Toast | NativeBase +metaDescription: The Toast component in NativeBase displays alerts on top of an overlay. Read more on toast usage, toast message in react and react native and how to configure them. --- import { ComponentTheme } from '../src/components'; From d65fb434de1a8378f797617f6897f685d59e273f Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 13:59:11 +0530 Subject: [PATCH 24/47] change in meta title and meta description in avatar --- docs/3.0.x/avatar.md | 2 ++ docs/3.1.x/avatar.md | 2 ++ docs/3.2.x/avatar.md | 2 ++ docs/3.3.x/avatar.md | 2 ++ docs/3.4.x/avatar.md | 2 ++ docs/next/avatar.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/avatar.md b/docs/3.0.x/avatar.md index dff7875cc..b24880562 100644 --- a/docs/3.0.x/avatar.md +++ b/docs/3.0.x/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.1.x/avatar.md b/docs/3.1.x/avatar.md index dff7875cc..b24880562 100644 --- a/docs/3.1.x/avatar.md +++ b/docs/3.1.x/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.2.x/avatar.md b/docs/3.2.x/avatar.md index 9055bbf42..258578351 100644 --- a/docs/3.2.x/avatar.md +++ b/docs/3.2.x/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../../src/components'; diff --git a/docs/3.3.x/avatar.md b/docs/3.3.x/avatar.md index 739890371..715d43afc 100644 --- a/docs/3.3.x/avatar.md +++ b/docs/3.3.x/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../src/components'; diff --git a/docs/3.4.x/avatar.md b/docs/3.4.x/avatar.md index 97765f725..736705b59 100644 --- a/docs/3.4.x/avatar.md +++ b/docs/3.4.x/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../src/components'; diff --git a/docs/next/avatar.md b/docs/next/avatar.md index 739890371..715d43afc 100644 --- a/docs/next/avatar.md +++ b/docs/next/avatar.md @@ -1,6 +1,8 @@ --- id: avatar title: Avatar +metaTitle: Avatar | NativeBase +metaDescription: "The Avatar component in NativeBase can display profile pictures, or a fallback image as a representation of the user. More on avatar icon types with examples." --- import { ComponentTheme } from '../src/components'; From 6961084bc6c9496106ba887175b5baff0b585b2c Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 14:03:30 +0530 Subject: [PATCH 25/47] change in meta title and meta description in icon --- docs/3.0.x/icon.md | 2 ++ docs/3.1.x/icon.md | 2 ++ docs/3.2.x/icon.md | 2 ++ docs/3.3.x/icon.md | 2 ++ docs/3.4.x/icon.md | 2 ++ docs/next/icon.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/icon.md b/docs/3.0.x/icon.md index 925dfa107..0d1e4252c 100644 --- a/docs/3.0.x/icon.md +++ b/docs/3.0.x/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- You can use icons in multiple ways in NativeBase: diff --git a/docs/3.1.x/icon.md b/docs/3.1.x/icon.md index 925dfa107..0d1e4252c 100644 --- a/docs/3.1.x/icon.md +++ b/docs/3.1.x/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- You can use icons in multiple ways in NativeBase: diff --git a/docs/3.2.x/icon.md b/docs/3.2.x/icon.md index 1047c10bd..8a1480aaa 100644 --- a/docs/3.2.x/icon.md +++ b/docs/3.2.x/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- You can use icons in multiple ways in NativeBase: diff --git a/docs/3.3.x/icon.md b/docs/3.3.x/icon.md index 780c05065..9f6cb16d3 100644 --- a/docs/3.3.x/icon.md +++ b/docs/3.3.x/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- NativeBase allows you to use icons in multiples ways: diff --git a/docs/3.4.x/icon.md b/docs/3.4.x/icon.md index 780c05065..9f6cb16d3 100644 --- a/docs/3.4.x/icon.md +++ b/docs/3.4.x/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- NativeBase allows you to use icons in multiples ways: diff --git a/docs/next/icon.md b/docs/next/icon.md index 780c05065..9f6cb16d3 100644 --- a/docs/next/icon.md +++ b/docs/next/icon.md @@ -1,6 +1,8 @@ --- id: icon title: Icon +metaTitle: Icon | NativeBase +metaDescription: Learn all the different ways in which NativeBase allows you to use icons. Get to know more about creating custom icons and more icon functions in this document. --- NativeBase allows you to use icons in multiples ways: From 78893895e890e4dc17cd4a5538b790392a70ef5a Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 14:06:28 +0530 Subject: [PATCH 26/47] change in meta title and meta description in image --- docs/3.0.x/image.md | 2 ++ docs/3.1.x/image.md | 2 ++ docs/3.2.x/image.md | 2 ++ docs/3.3.x/image.md | 2 ++ docs/3.4.x/image.md | 2 ++ docs/next/image.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/image.md b/docs/3.0.x/image.md index 550e56ec4..6995e9c33 100644 --- a/docs/3.0.x/image.md +++ b/docs/3.0.x/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- Generic Image components from [React Native](https://reactnative.dev). diff --git a/docs/3.1.x/image.md b/docs/3.1.x/image.md index 550e56ec4..6995e9c33 100644 --- a/docs/3.1.x/image.md +++ b/docs/3.1.x/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- Generic Image components from [React Native](https://reactnative.dev). diff --git a/docs/3.2.x/image.md b/docs/3.2.x/image.md index 767347d6d..54b0b43b2 100644 --- a/docs/3.2.x/image.md +++ b/docs/3.2.x/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- Generic Image components from [React Native](https://reactnative.dev). diff --git a/docs/3.3.x/image.md b/docs/3.3.x/image.md index b21a686fc..b49e5d9c4 100644 --- a/docs/3.3.x/image.md +++ b/docs/3.3.x/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- The `Image` component allows one to display images. diff --git a/docs/3.4.x/image.md b/docs/3.4.x/image.md index b21a686fc..b49e5d9c4 100644 --- a/docs/3.4.x/image.md +++ b/docs/3.4.x/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- The `Image` component allows one to display images. diff --git a/docs/next/image.md b/docs/next/image.md index b21a686fc..b49e5d9c4 100644 --- a/docs/next/image.md +++ b/docs/next/image.md @@ -1,6 +1,8 @@ --- id: image title: Image +metaTitle: Image | NativeBase +metaDescription: "The image component in NativeBase allows the display of images. An analysis of image sizes, border radius, fallback and other examples of this component here." --- The `Image` component allows one to display images. From 0cb1f119e08935a8293544b88bc092efa081a04e Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:00:45 +0530 Subject: [PATCH 27/47] change in meta title and meta description in presence-transition --- docs/3.0.x/presence-transition.md | 2 ++ docs/3.1.x/presence-transition.md | 2 ++ docs/3.2.x/presence-transition.md | 2 ++ docs/3.3.x/presence-transition.md | 2 ++ docs/3.4.x/presence-transition.md | 2 ++ docs/next/presence-transition.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/presence-transition.md b/docs/3.0.x/presence-transition.md index 2e725036a..f3c4c04e0 100644 --- a/docs/3.0.x/presence-transition.md +++ b/docs/3.0.x/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. diff --git a/docs/3.1.x/presence-transition.md b/docs/3.1.x/presence-transition.md index 2e725036a..f3c4c04e0 100644 --- a/docs/3.1.x/presence-transition.md +++ b/docs/3.1.x/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. diff --git a/docs/3.2.x/presence-transition.md b/docs/3.2.x/presence-transition.md index 123d1ec63..4441dd63e 100644 --- a/docs/3.2.x/presence-transition.md +++ b/docs/3.2.x/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. diff --git a/docs/3.3.x/presence-transition.md b/docs/3.3.x/presence-transition.md index f5705cc53..6fea93a50 100644 --- a/docs/3.3.x/presence-transition.md +++ b/docs/3.3.x/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. diff --git a/docs/3.4.x/presence-transition.md b/docs/3.4.x/presence-transition.md index ebab11624..c74ebedb6 100644 --- a/docs/3.4.x/presence-transition.md +++ b/docs/3.4.x/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. diff --git a/docs/next/presence-transition.md b/docs/next/presence-transition.md index ebab11624..c74ebedb6 100644 --- a/docs/next/presence-transition.md +++ b/docs/next/presence-transition.md @@ -1,6 +1,8 @@ --- id: presence-transition title: PresenceTransition +metaTitle: PresenceTransition | NativeBase +metaDescription: PresenceTransition component in NativeBase provides a declarative API to add entry and exit transitions. Read this document to know more about the component. --- PresenceTransition provides a declarative API to add entry and exit transitions. From 62d4e499b47c36f7782e4d10bd19f2652ddb9128 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:11:05 +0530 Subject: [PATCH 28/47] change in meta title and meta description in slide --- docs/3.0.x/slide.md | 2 ++ docs/3.1.x/slide.md | 2 ++ docs/3.2.x/slide.md | 2 ++ docs/3.3.x/slide.md | 2 ++ docs/3.4.x/slide.md | 2 ++ docs/next/slide.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/slide.md b/docs/3.0.x/slide.md index fb8279ee1..1b56bb9ab 100644 --- a/docs/3.0.x/slide.md +++ b/docs/3.0.x/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. diff --git a/docs/3.1.x/slide.md b/docs/3.1.x/slide.md index fb8279ee1..1b56bb9ab 100644 --- a/docs/3.1.x/slide.md +++ b/docs/3.1.x/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. diff --git a/docs/3.2.x/slide.md b/docs/3.2.x/slide.md index 885488982..5bffab0de 100644 --- a/docs/3.2.x/slide.md +++ b/docs/3.2.x/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. diff --git a/docs/3.3.x/slide.md b/docs/3.3.x/slide.md index 97406fb65..4c92a8ad8 100644 --- a/docs/3.3.x/slide.md +++ b/docs/3.3.x/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. diff --git a/docs/3.4.x/slide.md b/docs/3.4.x/slide.md index 97406fb65..4c92a8ad8 100644 --- a/docs/3.4.x/slide.md +++ b/docs/3.4.x/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. diff --git a/docs/next/slide.md b/docs/next/slide.md index 97406fb65..4c92a8ad8 100644 --- a/docs/next/slide.md +++ b/docs/next/slide.md @@ -1,6 +1,8 @@ --- id: slide title: Slide +metaTitle: Slider | NativeBase +metaDescription: The slider component in NativeBase allows users to select options from a given range of values. Explore slider colors, values, size, and more with examples here. --- Slide component provides a declarative API to add sliding transitions. From 1a29d85909258347c43acc69ff14b407405a05d6 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:16:24 +0530 Subject: [PATCH 29/47] change in meta title and meta description in stagger --- docs/3.0.x/stagger.md | 2 ++ docs/3.1.x/stagger.md | 2 ++ docs/3.2.x/stagger.md | 2 ++ docs/3.3.x/stagger.md | 2 ++ docs/3.4.x/stagger.md | 2 ++ docs/next/stagger.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/stagger.md b/docs/3.0.x/stagger.md index ac8bce5c4..a29c33fc0 100644 --- a/docs/3.0.x/stagger.md +++ b/docs/3.0.x/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- Stagger component provides a declarative API to add Staggered Transitions. diff --git a/docs/3.1.x/stagger.md b/docs/3.1.x/stagger.md index ac8bce5c4..a29c33fc0 100644 --- a/docs/3.1.x/stagger.md +++ b/docs/3.1.x/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- Stagger component provides a declarative API to add Staggered Transitions. diff --git a/docs/3.2.x/stagger.md b/docs/3.2.x/stagger.md index ed4adb704..9f105e0ae 100644 --- a/docs/3.2.x/stagger.md +++ b/docs/3.2.x/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- Stagger component provides a declarative API to add Staggered Transitions. diff --git a/docs/3.3.x/stagger.md b/docs/3.3.x/stagger.md index 02240ecc2..1ab643c39 100644 --- a/docs/3.3.x/stagger.md +++ b/docs/3.3.x/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- `Stagger` component provides a declarative API to add staggered transitions. diff --git a/docs/3.4.x/stagger.md b/docs/3.4.x/stagger.md index 02240ecc2..1ab643c39 100644 --- a/docs/3.4.x/stagger.md +++ b/docs/3.4.x/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- `Stagger` component provides a declarative API to add staggered transitions. diff --git a/docs/next/stagger.md b/docs/next/stagger.md index 02240ecc2..1ab643c39 100644 --- a/docs/next/stagger.md +++ b/docs/next/stagger.md @@ -1,6 +1,8 @@ --- id: stagger title: Stagger +metaTitle: Stagger | NativeBase +metaDescription: "The stagger component in NativeBase provides a declarative API to add staggered transitions. Read this documentation to explore more about it with examples." --- `Stagger` component provides a declarative API to add staggered transitions. From 8610f8fe676e4e8c21da01525a4d07befd6882ba Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:26:01 +0530 Subject: [PATCH 30/47] change in meta title and meta description in scrollview & view --- docs/3.0.x/scrollview.md | 2 ++ docs/3.0.x/view.md | 2 ++ docs/3.1.x/scrollview.md | 2 ++ docs/3.1.x/view.md | 2 ++ docs/3.2.x/scrollview.md | 2 ++ docs/3.2.x/view.md | 2 ++ docs/3.3.x/scrollview.md | 2 ++ docs/3.3.x/view.md | 2 ++ docs/3.4.x/scrollview.md | 2 ++ docs/3.4.x/view.md | 2 ++ docs/next/scrollview.md | 2 ++ docs/next/view.md | 2 ++ 12 files changed, 24 insertions(+) diff --git a/docs/3.0.x/scrollview.md b/docs/3.0.x/scrollview.md index 1064515aa..33f650cd3 100644 --- a/docs/3.0.x/scrollview.md +++ b/docs/3.0.x/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/3.0.x/view.md b/docs/3.0.x/view.md index dd1890b6f..4193c01da 100644 --- a/docs/3.0.x/view.md +++ b/docs/3.0.x/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. diff --git a/docs/3.1.x/scrollview.md b/docs/3.1.x/scrollview.md index 1064515aa..33f650cd3 100644 --- a/docs/3.1.x/scrollview.md +++ b/docs/3.1.x/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/3.1.x/view.md b/docs/3.1.x/view.md index dd1890b6f..4193c01da 100644 --- a/docs/3.1.x/view.md +++ b/docs/3.1.x/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. diff --git a/docs/3.2.x/scrollview.md b/docs/3.2.x/scrollview.md index 99e5e443b..ca9b0ffb3 100644 --- a/docs/3.2.x/scrollview.md +++ b/docs/3.2.x/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/3.2.x/view.md b/docs/3.2.x/view.md index 8f1a9f415..6bd2d3c59 100644 --- a/docs/3.2.x/view.md +++ b/docs/3.2.x/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. diff --git a/docs/3.3.x/scrollview.md b/docs/3.3.x/scrollview.md index 99e5e443b..ca9b0ffb3 100644 --- a/docs/3.3.x/scrollview.md +++ b/docs/3.3.x/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/3.3.x/view.md b/docs/3.3.x/view.md index 8f1a9f415..6bd2d3c59 100644 --- a/docs/3.3.x/view.md +++ b/docs/3.3.x/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. diff --git a/docs/3.4.x/scrollview.md b/docs/3.4.x/scrollview.md index 99e5e443b..ca9b0ffb3 100644 --- a/docs/3.4.x/scrollview.md +++ b/docs/3.4.x/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/3.4.x/view.md b/docs/3.4.x/view.md index 8f1a9f415..6bd2d3c59 100644 --- a/docs/3.4.x/view.md +++ b/docs/3.4.x/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. diff --git a/docs/next/scrollview.md b/docs/next/scrollview.md index 99e5e443b..ca9b0ffb3 100644 --- a/docs/next/scrollview.md +++ b/docs/next/scrollview.md @@ -1,6 +1,8 @@ --- id: scrollview title: Scrollview +metaTitle: Scrollview | NativeBase +metaDescription: "The ScrollView component in NativeBase provides a scrolling container that helps host multiple components and views. Read the document for more on ScrollView." --- Provides a scrolling container that can host multiple components and views. diff --git a/docs/next/view.md b/docs/next/view.md index 8f1a9f415..6bd2d3c59 100644 --- a/docs/next/view.md +++ b/docs/next/view.md @@ -1,6 +1,8 @@ --- id: view title: View +metaTitle: View | NativeBase +metaDescription: "In NativeBase, View is considered the most fundamental component for building a UI. Read the document for more information on View component and its uses." --- The most fundamental component for building a UI. From 4f2cfe9fe118f85ca9161ce316305de4c96ed287 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:46:14 +0530 Subject: [PATCH 31/47] change in meta title and meta description in KeyboardAvoidingView --- docs/3.0.x/keyboard-avoiding-view.md | 2 ++ docs/3.1.x/keyboard-avoiding-view.md | 2 ++ docs/3.2.x/keyboard-avoiding-view.md | 2 ++ docs/3.3.x/keyboard-avoiding-view.md | 2 ++ docs/3.4.x/keyboard-avoiding-view.md | 2 ++ docs/next/keyboard-avoiding-view.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/keyboard-avoiding-view.md b/docs/3.0.x/keyboard-avoiding-view.md index 574e474de..b21a56eb7 100644 --- a/docs/3.0.x/keyboard-avoiding-view.md +++ b/docs/3.0.x/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboardAvoidingView title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. diff --git a/docs/3.1.x/keyboard-avoiding-view.md b/docs/3.1.x/keyboard-avoiding-view.md index a124d3063..dd6759975 100644 --- a/docs/3.1.x/keyboard-avoiding-view.md +++ b/docs/3.1.x/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboard-avoiding-view title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. diff --git a/docs/3.2.x/keyboard-avoiding-view.md b/docs/3.2.x/keyboard-avoiding-view.md index 7433142e2..dbb68200b 100644 --- a/docs/3.2.x/keyboard-avoiding-view.md +++ b/docs/3.2.x/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboard-avoiding-view title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It is a component to solve the common problem of views that need to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. diff --git a/docs/3.3.x/keyboard-avoiding-view.md b/docs/3.3.x/keyboard-avoiding-view.md index 60da29145..d7b1ab2d9 100644 --- a/docs/3.3.x/keyboard-avoiding-view.md +++ b/docs/3.3.x/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboard-avoiding-view title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It solves the common problem of views needing to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. diff --git a/docs/3.4.x/keyboard-avoiding-view.md b/docs/3.4.x/keyboard-avoiding-view.md index 60da29145..d7b1ab2d9 100644 --- a/docs/3.4.x/keyboard-avoiding-view.md +++ b/docs/3.4.x/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboard-avoiding-view title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It solves the common problem of views needing to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. diff --git a/docs/next/keyboard-avoiding-view.md b/docs/next/keyboard-avoiding-view.md index 60da29145..d7b1ab2d9 100644 --- a/docs/next/keyboard-avoiding-view.md +++ b/docs/next/keyboard-avoiding-view.md @@ -1,6 +1,8 @@ --- id: keyboard-avoiding-view title: KeyboardAvoidingView +metaTitle: KeyboardAvoidingView | NativeBase +metaDescription: In NativeBase KeyboardAvoidingView provides a view that moves out of the way of virtual keyboard automatically. More information on KeyboardAvoidingView here. --- Provides a view that moves out of the way of virtual keyboard automatically. It solves the common problem of views needing to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height. From b19a133682e10a931c8b4ae864da19cb21287bea Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:49:37 +0530 Subject: [PATCH 32/47] change in meta title and meta description in status-bar --- docs/3.0.x/status-bar.md | 2 ++ docs/3.1.x/status-bar.md | 2 ++ docs/3.2.x/status-bar.md | 2 ++ docs/3.3.x/status-bar.md | 2 ++ docs/3.4.x/status-bar.md | 2 ++ docs/next/status-bar.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/status-bar.md b/docs/3.0.x/status-bar.md index a40c98c2f..afe9ef9e3 100644 --- a/docs/3.0.x/status-bar.md +++ b/docs/3.0.x/status-bar.md @@ -1,6 +1,8 @@ --- id: statusBar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. diff --git a/docs/3.1.x/status-bar.md b/docs/3.1.x/status-bar.md index eceacc2fa..00e521ced 100644 --- a/docs/3.1.x/status-bar.md +++ b/docs/3.1.x/status-bar.md @@ -1,6 +1,8 @@ --- id: status-bar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. diff --git a/docs/3.2.x/status-bar.md b/docs/3.2.x/status-bar.md index f041b9682..0b335a237 100644 --- a/docs/3.2.x/status-bar.md +++ b/docs/3.2.x/status-bar.md @@ -1,6 +1,8 @@ --- id: status-bar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. diff --git a/docs/3.3.x/status-bar.md b/docs/3.3.x/status-bar.md index f041b9682..0b335a237 100644 --- a/docs/3.3.x/status-bar.md +++ b/docs/3.3.x/status-bar.md @@ -1,6 +1,8 @@ --- id: status-bar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. diff --git a/docs/3.4.x/status-bar.md b/docs/3.4.x/status-bar.md index f041b9682..0b335a237 100644 --- a/docs/3.4.x/status-bar.md +++ b/docs/3.4.x/status-bar.md @@ -1,6 +1,8 @@ --- id: status-bar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. diff --git a/docs/next/status-bar.md b/docs/next/status-bar.md index f041b9682..0b335a237 100644 --- a/docs/next/status-bar.md +++ b/docs/next/status-bar.md @@ -1,6 +1,8 @@ --- id: status-bar title: StatusBar +metaTitle: StatusBar | NativeBase +metaDescription: "In NativeBase, the StatusBar component controls the app's status bar. Read this document for more information and examples on the use of StatusBar." --- Component to control the app status bar. From 10c9b9e24f179e725d97a5592f2b842152e4bc53 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 15:56:27 +0530 Subject: [PATCH 33/47] change in meta title and meta description in flat-list --- docs/3.0.x/flat-list.md | 2 ++ docs/3.1.x/flat-list.md | 2 ++ docs/3.2.x/flat-list.md | 2 ++ docs/3.3.x/flat-list.md | 2 ++ docs/3.4.x/flat-list.md | 2 ++ docs/next/flat-list.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/flat-list.md b/docs/3.0.x/flat-list.md index ae9f1392e..cf2374b48 100644 --- a/docs/3.0.x/flat-list.md +++ b/docs/3.0.x/flat-list.md @@ -1,6 +1,8 @@ --- id: flatList title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. diff --git a/docs/3.1.x/flat-list.md b/docs/3.1.x/flat-list.md index 4b6c9e211..d9ffb7490 100644 --- a/docs/3.1.x/flat-list.md +++ b/docs/3.1.x/flat-list.md @@ -1,6 +1,8 @@ --- id: flat-list title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. diff --git a/docs/3.2.x/flat-list.md b/docs/3.2.x/flat-list.md index d0cd17068..59cf8fb97 100644 --- a/docs/3.2.x/flat-list.md +++ b/docs/3.2.x/flat-list.md @@ -1,6 +1,8 @@ --- id: flat-list title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. diff --git a/docs/3.3.x/flat-list.md b/docs/3.3.x/flat-list.md index d0cd17068..59cf8fb97 100644 --- a/docs/3.3.x/flat-list.md +++ b/docs/3.3.x/flat-list.md @@ -1,6 +1,8 @@ --- id: flat-list title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. diff --git a/docs/3.4.x/flat-list.md b/docs/3.4.x/flat-list.md index d0cd17068..59cf8fb97 100644 --- a/docs/3.4.x/flat-list.md +++ b/docs/3.4.x/flat-list.md @@ -1,6 +1,8 @@ --- id: flat-list title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. diff --git a/docs/next/flat-list.md b/docs/next/flat-list.md index d0cd17068..59cf8fb97 100644 --- a/docs/next/flat-list.md +++ b/docs/next/flat-list.md @@ -1,6 +1,8 @@ --- id: flat-list title: FlatList +metaTitle: FlatList | NativeBase +metaDescription: FlatList component in NativeBase can be used for rendering performant scrollable lists. Read this document to know more about FlatList uses along with examples. --- A component for rendering performant scrollable lists. From 4c2e624da5a218ebb4ec79b6deed542454f54965 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 16:01:13 +0530 Subject: [PATCH 34/47] change in meta title and meta description in section-list --- docs/3.0.x/section-list.md | 2 ++ docs/3.1.x/section-list.md | 2 ++ docs/3.2.x/section-list.md | 2 ++ docs/3.3.x/section-list.md | 2 ++ docs/3.4.x/section-list.md | 2 ++ docs/next/section-list.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/section-list.md b/docs/3.0.x/section-list.md index 45c588db7..6ebca1420 100644 --- a/docs/3.0.x/section-list.md +++ b/docs/3.0.x/section-list.md @@ -1,6 +1,8 @@ --- id: sectionList title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. diff --git a/docs/3.1.x/section-list.md b/docs/3.1.x/section-list.md index 329206a1d..22243fc28 100644 --- a/docs/3.1.x/section-list.md +++ b/docs/3.1.x/section-list.md @@ -1,6 +1,8 @@ --- id: section-list title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. diff --git a/docs/3.2.x/section-list.md b/docs/3.2.x/section-list.md index aea7b93d3..c85d73a34 100644 --- a/docs/3.2.x/section-list.md +++ b/docs/3.2.x/section-list.md @@ -1,6 +1,8 @@ --- id: section-list title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. diff --git a/docs/3.3.x/section-list.md b/docs/3.3.x/section-list.md index aea7b93d3..c85d73a34 100644 --- a/docs/3.3.x/section-list.md +++ b/docs/3.3.x/section-list.md @@ -1,6 +1,8 @@ --- id: section-list title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. diff --git a/docs/3.4.x/section-list.md b/docs/3.4.x/section-list.md index aea7b93d3..c85d73a34 100644 --- a/docs/3.4.x/section-list.md +++ b/docs/3.4.x/section-list.md @@ -1,6 +1,8 @@ --- id: section-list title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. diff --git a/docs/next/section-list.md b/docs/next/section-list.md index aea7b93d3..c85d73a34 100644 --- a/docs/next/section-list.md +++ b/docs/next/section-list.md @@ -1,6 +1,8 @@ --- id: section-list title: SectionList +metaTitle: SectionList | NativeBase +metaDescription: SectionList component in NativeBase is a performance interface for rendering sectioned lists. Read this document to know more about SectionList with examples. --- A performant interface for rendering sectioned lists. From 0c4730d6fe0ba30fb25d85689a4fb5a694c951f0 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 16:07:53 +0530 Subject: [PATCH 35/47] change in meta title and meta description in todo-list --- docs/3.0.x/todo-list.md | 2 ++ docs/3.1.x/todo-list.md | 2 ++ docs/3.2.x/todo-list.md | 2 ++ docs/3.3.x/todo-list.md | 2 ++ docs/3.4.x/todo-list.md | 2 ++ docs/next/todo-list.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/todo-list.md b/docs/3.0.x/todo-list.md index e45381c7e..779dfa16c 100644 --- a/docs/3.0.x/todo-list.md +++ b/docs/3.0.x/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. diff --git a/docs/3.1.x/todo-list.md b/docs/3.1.x/todo-list.md index e45381c7e..779dfa16c 100644 --- a/docs/3.1.x/todo-list.md +++ b/docs/3.1.x/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. diff --git a/docs/3.2.x/todo-list.md b/docs/3.2.x/todo-list.md index 70010dc0e..f778e6bef 100644 --- a/docs/3.2.x/todo-list.md +++ b/docs/3.2.x/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. diff --git a/docs/3.3.x/todo-list.md b/docs/3.3.x/todo-list.md index 70010dc0e..f778e6bef 100644 --- a/docs/3.3.x/todo-list.md +++ b/docs/3.3.x/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. diff --git a/docs/3.4.x/todo-list.md b/docs/3.4.x/todo-list.md index 70010dc0e..f778e6bef 100644 --- a/docs/3.4.x/todo-list.md +++ b/docs/3.4.x/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. diff --git a/docs/next/todo-list.md b/docs/next/todo-list.md index 70010dc0e..f778e6bef 100644 --- a/docs/next/todo-list.md +++ b/docs/next/todo-list.md @@ -1,6 +1,8 @@ --- id: todo-example title: Todo-List +metaTitle: Todo-List | NativeBase +metaDescription: Todo-List is a simple To-do app that is made using NativeBase 3.0. Check out this document for more information on the Todo-List app and see what it looks like. --- A simple To Do App made using NativeBase 3.0. From d5b1d4115786ff2fdfc1d5198bcc1a581dd80fcc Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 16:44:00 +0530 Subject: [PATCH 36/47] change in meta title and meta description in kitchen-sink --- docs/3.0.x/kitchen-sink.mdx | 2 ++ docs/3.1.x/kitchen-sink.mdx | 2 ++ docs/3.2.x/kitchen-sink.mdx | 2 ++ docs/3.3.x/kitchen-sink.mdx | 2 ++ docs/3.4.x/kitchen-sink.mdx | 2 ++ docs/next/kitchen-sink.mdx | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/kitchen-sink.mdx b/docs/3.0.x/kitchen-sink.mdx index ecca7b82c..1008679a7 100644 --- a/docs/3.0.x/kitchen-sink.mdx +++ b/docs/3.0.x/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- import { KitchenSinkIframe, TileLink, NBHistory } from "../../src/components"; diff --git a/docs/3.1.x/kitchen-sink.mdx b/docs/3.1.x/kitchen-sink.mdx index ecca7b82c..1008679a7 100644 --- a/docs/3.1.x/kitchen-sink.mdx +++ b/docs/3.1.x/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- import { KitchenSinkIframe, TileLink, NBHistory } from "../../src/components"; diff --git a/docs/3.2.x/kitchen-sink.mdx b/docs/3.2.x/kitchen-sink.mdx index ecca7b82c..1008679a7 100644 --- a/docs/3.2.x/kitchen-sink.mdx +++ b/docs/3.2.x/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- import { KitchenSinkIframe, TileLink, NBHistory } from "../../src/components"; diff --git a/docs/3.3.x/kitchen-sink.mdx b/docs/3.3.x/kitchen-sink.mdx index ecca7b82c..1008679a7 100644 --- a/docs/3.3.x/kitchen-sink.mdx +++ b/docs/3.3.x/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- import { KitchenSinkIframe, TileLink, NBHistory } from "../../src/components"; diff --git a/docs/3.4.x/kitchen-sink.mdx b/docs/3.4.x/kitchen-sink.mdx index b7650d782..11c2f6af6 100644 --- a/docs/3.4.x/kitchen-sink.mdx +++ b/docs/3.4.x/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- diff --git a/docs/next/kitchen-sink.mdx b/docs/next/kitchen-sink.mdx index b7650d782..11c2f6af6 100644 --- a/docs/next/kitchen-sink.mdx +++ b/docs/next/kitchen-sink.mdx @@ -1,6 +1,8 @@ --- id: kitchen-sink title: Kitchen Sink +metaTitle: Kitchen Sink | NativeBase +metaDescription: Kitchen Sink is a comprehensive demo app showing all the components of NativeBase in action. Check out this document for more information on Kitchen Sink app. --- From 8be0e2e531399598477b9b76a4d016e897eb1fe4 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 16:52:43 +0530 Subject: [PATCH 37/47] change in meta title and meta description in app-bar --- docs/3.0.x/building-app-bar.md | 3 +++ docs/3.1.x/building-app-bar.md | 2 ++ docs/3.2.x/building-app-bar.md | 2 ++ docs/3.3.x/building-app-bar.md | 2 ++ docs/3.4.x/building-app-bar.md | 2 ++ docs/next/building-app-bar.md | 2 ++ 6 files changed, 13 insertions(+) diff --git a/docs/3.0.x/building-app-bar.md b/docs/3.0.x/building-app-bar.md index 875402e5a..3c9a9b82f 100644 --- a/docs/3.0.x/building-app-bar.md +++ b/docs/3.0.x/building-app-bar.md @@ -1,6 +1,9 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. + --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. diff --git a/docs/3.1.x/building-app-bar.md b/docs/3.1.x/building-app-bar.md index 875402e5a..03ae0af60 100644 --- a/docs/3.1.x/building-app-bar.md +++ b/docs/3.1.x/building-app-bar.md @@ -1,6 +1,8 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. diff --git a/docs/3.2.x/building-app-bar.md b/docs/3.2.x/building-app-bar.md index fe488e6f5..a9f667918 100644 --- a/docs/3.2.x/building-app-bar.md +++ b/docs/3.2.x/building-app-bar.md @@ -1,6 +1,8 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. diff --git a/docs/3.3.x/building-app-bar.md b/docs/3.3.x/building-app-bar.md index 619b618ab..e42388977 100644 --- a/docs/3.3.x/building-app-bar.md +++ b/docs/3.3.x/building-app-bar.md @@ -1,6 +1,8 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. diff --git a/docs/3.4.x/building-app-bar.md b/docs/3.4.x/building-app-bar.md index b3e13bd5d..3f74c7d2c 100644 --- a/docs/3.4.x/building-app-bar.md +++ b/docs/3.4.x/building-app-bar.md @@ -1,6 +1,8 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. diff --git a/docs/next/building-app-bar.md b/docs/next/building-app-bar.md index 0787f0fad..ec63a62ab 100644 --- a/docs/next/building-app-bar.md +++ b/docs/next/building-app-bar.md @@ -1,6 +1,8 @@ --- id: building-app-bar title: AppBar +metaTitle: AppBar | NativeBase +metaDescription: The App Bar in NativeBase provides content and actions related to the current screen. This document shows how you can create it using layout components. --- The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions. From ed2f4726310961dea4c74a0be2751606c593fc14 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:02:00 +0530 Subject: [PATCH 38/47] change in meta title and meta description in building-card --- docs/3.0.x/building-card.md | 2 ++ docs/3.1.x/building-card.md | 2 ++ docs/3.2.x/building-card.md | 2 ++ docs/3.3.x/building-card.md | 2 ++ docs/3.4.x/building-card.md | 2 ++ docs/next/building-card.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-card.md b/docs/3.0.x/building-card.md index 53d320a47..baf7e9883 100644 --- a/docs/3.0.x/building-card.md +++ b/docs/3.0.x/building-card.md @@ -1,6 +1,8 @@ --- id: buildingCard title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. diff --git a/docs/3.1.x/building-card.md b/docs/3.1.x/building-card.md index 69b49446b..e9a7ad22b 100644 --- a/docs/3.1.x/building-card.md +++ b/docs/3.1.x/building-card.md @@ -1,6 +1,8 @@ --- id: building-card title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. diff --git a/docs/3.2.x/building-card.md b/docs/3.2.x/building-card.md index c99468b41..d954f32bb 100644 --- a/docs/3.2.x/building-card.md +++ b/docs/3.2.x/building-card.md @@ -1,6 +1,8 @@ --- id: building-card title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. diff --git a/docs/3.3.x/building-card.md b/docs/3.3.x/building-card.md index c99468b41..d954f32bb 100644 --- a/docs/3.3.x/building-card.md +++ b/docs/3.3.x/building-card.md @@ -1,6 +1,8 @@ --- id: building-card title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. diff --git a/docs/3.4.x/building-card.md b/docs/3.4.x/building-card.md index c99468b41..d954f32bb 100644 --- a/docs/3.4.x/building-card.md +++ b/docs/3.4.x/building-card.md @@ -1,6 +1,8 @@ --- id: building-card title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. diff --git a/docs/next/building-card.md b/docs/next/building-card.md index c99468b41..d954f32bb 100644 --- a/docs/next/building-card.md +++ b/docs/next/building-card.md @@ -1,6 +1,8 @@ --- id: building-card title: Card +metaTitle: Card | NativeBase +metaDescription: In NativeBase, a card is a flexible and extensible content container. Read this document to learn more about cards, how to create them, and the most common designs. --- A card is a flexible and extensible content container. It comes in caries shapes and sizes and here we'll make few of them. From 105165501a0c8169b5aa0c70f0ad2b67f13e5ed2 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:11:02 +0530 Subject: [PATCH 39/47] change in meta title and meta description in building-drawer-navigation --- docs/3.0.x/building-drawer-navigation.md | 2 ++ docs/3.1.x/building-drawer-navigation.md | 2 ++ docs/3.2.x/building-drawer-navigation.md | 2 ++ docs/3.3.x/building-drawer-navigation.md | 2 ++ docs/3.4.x/building-drawer-navigation.md | 2 ++ docs/next/building-drawer-navigation.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-drawer-navigation.md b/docs/3.0.x/building-drawer-navigation.md index b37b7bb17..9b1e77803 100644 --- a/docs/3.0.x/building-drawer-navigation.md +++ b/docs/3.0.x/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: buildingDrawerNavigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. diff --git a/docs/3.1.x/building-drawer-navigation.md b/docs/3.1.x/building-drawer-navigation.md index 875a15880..d7c55fdc8 100644 --- a/docs/3.1.x/building-drawer-navigation.md +++ b/docs/3.1.x/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: building-drawer-navigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. diff --git a/docs/3.2.x/building-drawer-navigation.md b/docs/3.2.x/building-drawer-navigation.md index 59c0f5c36..afcf89d08 100644 --- a/docs/3.2.x/building-drawer-navigation.md +++ b/docs/3.2.x/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: building-drawer-navigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. diff --git a/docs/3.3.x/building-drawer-navigation.md b/docs/3.3.x/building-drawer-navigation.md index 59c0f5c36..afcf89d08 100644 --- a/docs/3.3.x/building-drawer-navigation.md +++ b/docs/3.3.x/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: building-drawer-navigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. diff --git a/docs/3.4.x/building-drawer-navigation.md b/docs/3.4.x/building-drawer-navigation.md index 59c0f5c36..afcf89d08 100644 --- a/docs/3.4.x/building-drawer-navigation.md +++ b/docs/3.4.x/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: building-drawer-navigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. diff --git a/docs/next/building-drawer-navigation.md b/docs/next/building-drawer-navigation.md index 59c0f5c36..afcf89d08 100644 --- a/docs/next/building-drawer-navigation.md +++ b/docs/next/building-drawer-navigation.md @@ -1,6 +1,8 @@ --- id: building-drawer-navigation title: Drawer Navigation +metaTitle: Drawer Navigation | NativeBase +metaDescription: In NativeBase, a common pattern in Drawer Navigation is to use drawer from the left or right side for navigating between screens. Read this to know more. --- Common pattern in navigation is to use drawer from left (sometimes right) side for navigating between screens. From 48d085e71dc6bf8e365462bed2d62b7d34795461 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:17:54 +0530 Subject: [PATCH 40/47] change in meta title and meta description in building-tab-view --- docs/3.0.x/building-tab-view.md | 2 ++ docs/3.1.x/building-tab-view.md | 2 ++ docs/3.2.x/building-tab-view.md | 2 ++ docs/3.3.x/building-tab-view.md | 2 ++ docs/3.4.x/building-tab-view.md | 2 ++ docs/next/building-tab-view.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-tab-view.md b/docs/3.0.x/building-tab-view.md index 83ede5e8e..5c262cc49 100644 --- a/docs/3.0.x/building-tab-view.md +++ b/docs/3.0.x/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native diff --git a/docs/3.1.x/building-tab-view.md b/docs/3.1.x/building-tab-view.md index 302ab95d3..480505017 100644 --- a/docs/3.1.x/building-tab-view.md +++ b/docs/3.1.x/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native diff --git a/docs/3.2.x/building-tab-view.md b/docs/3.2.x/building-tab-view.md index 8065dcfc4..8a50044d4 100644 --- a/docs/3.2.x/building-tab-view.md +++ b/docs/3.2.x/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native diff --git a/docs/3.3.x/building-tab-view.md b/docs/3.3.x/building-tab-view.md index 11511e9bf..8a8aa694d 100644 --- a/docs/3.3.x/building-tab-view.md +++ b/docs/3.3.x/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native diff --git a/docs/3.4.x/building-tab-view.md b/docs/3.4.x/building-tab-view.md index 11511e9bf..8a8aa694d 100644 --- a/docs/3.4.x/building-tab-view.md +++ b/docs/3.4.x/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native diff --git a/docs/next/building-tab-view.md b/docs/next/building-tab-view.md index 11511e9bf..8a8aa694d 100644 --- a/docs/next/building-tab-view.md +++ b/docs/next/building-tab-view.md @@ -1,6 +1,8 @@ --- id: building-tab-view title: Tab View +metaTitle: Tab View | NativeBase +metaDescription: This is a cross-platform Tab View component for React Native that can be used in NativeBase. Read this document to learn more about the component with examples. --- A cross-platform Tab View component for React Native From 459493f2410f5c80e6fb27a98e6d211d01bc1d41 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:20:07 +0530 Subject: [PATCH 41/47] change in meta title and meta description in building-swipe-list --- docs/3.0.x/building-swipe-list.md | 2 ++ docs/3.1.x/building-swipe-list.md | 2 ++ docs/3.2.x/building-swipe-list.md | 2 ++ docs/3.3.x/building-swipe-list.md | 2 ++ docs/3.4.x/building-swipe-list.md | 2 ++ docs/next/building-swipe-list.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-swipe-list.md b/docs/3.0.x/building-swipe-list.md index f97c0195b..6d704051e 100644 --- a/docs/3.0.x/building-swipe-list.md +++ b/docs/3.0.x/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. diff --git a/docs/3.1.x/building-swipe-list.md b/docs/3.1.x/building-swipe-list.md index f97c0195b..6d704051e 100644 --- a/docs/3.1.x/building-swipe-list.md +++ b/docs/3.1.x/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. diff --git a/docs/3.2.x/building-swipe-list.md b/docs/3.2.x/building-swipe-list.md index 5ec5a4359..17d1a09b6 100644 --- a/docs/3.2.x/building-swipe-list.md +++ b/docs/3.2.x/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. diff --git a/docs/3.3.x/building-swipe-list.md b/docs/3.3.x/building-swipe-list.md index 49cd046c7..f146a2d40 100644 --- a/docs/3.3.x/building-swipe-list.md +++ b/docs/3.3.x/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. diff --git a/docs/3.4.x/building-swipe-list.md b/docs/3.4.x/building-swipe-list.md index 49cd046c7..f146a2d40 100644 --- a/docs/3.4.x/building-swipe-list.md +++ b/docs/3.4.x/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. diff --git a/docs/next/building-swipe-list.md b/docs/next/building-swipe-list.md index 49cd046c7..f146a2d40 100644 --- a/docs/next/building-swipe-list.md +++ b/docs/next/building-swipe-list.md @@ -1,6 +1,8 @@ --- id: building-swipe-list title: Swipe List +metaTitle: Swipe List | NativeBase +metaDescription: SwipeList View in NativeBase is a vertical ListView with rows that swipe open and close. Read to learn how we can use React Native Swipe List in NativeBase. --- SwipeListView is a vertical ListView with rows that swipe open and closed. Handles default native behavior such as closing rows when ListView is scrolled or when other rows are opened. From 576c3712fa34a96a5ed9fbccf6e450522b0641ee Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:25:42 +0530 Subject: [PATCH 42/47] change in meta title and meta description in building-app-drawer --- docs/3.0.x/building-app-drawer.md | 2 ++ docs/3.1.x/building-app-drawer.md | 2 ++ docs/3.2.x/building-app-drawer.md | 2 ++ docs/3.3.x/building-app-drawer.md | 2 ++ docs/3.4.x/building-app-drawer.md | 2 ++ docs/next/building-app-drawer.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-app-drawer.md b/docs/3.0.x/building-app-drawer.md index 27dc5e200..0575a8988 100644 --- a/docs/3.0.x/building-app-drawer.md +++ b/docs/3.0.x/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: appDrawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common and with NativeBase's SimpleGrid make this extremely simple while still keeping it extremely customisable. Here is an example to illustrate it. diff --git a/docs/3.1.x/building-app-drawer.md b/docs/3.1.x/building-app-drawer.md index 57b4f60d8..1a05a926e 100644 --- a/docs/3.1.x/building-app-drawer.md +++ b/docs/3.1.x/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: app-drawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common and with NativeBase's SimpleGrid make this extremely simple while still keeping it extremely customisable. Here is an example to illustrate it. diff --git a/docs/3.2.x/building-app-drawer.md b/docs/3.2.x/building-app-drawer.md index a249f6a87..c4e386aab 100644 --- a/docs/3.2.x/building-app-drawer.md +++ b/docs/3.2.x/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: app-drawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common using FlatList. Here is an example to illustrate it. diff --git a/docs/3.3.x/building-app-drawer.md b/docs/3.3.x/building-app-drawer.md index 20692a4b0..7a2012a4b 100644 --- a/docs/3.3.x/building-app-drawer.md +++ b/docs/3.3.x/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: app-drawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common using FlatList. Here is an example to illustrate it. diff --git a/docs/3.4.x/building-app-drawer.md b/docs/3.4.x/building-app-drawer.md index 20692a4b0..7a2012a4b 100644 --- a/docs/3.4.x/building-app-drawer.md +++ b/docs/3.4.x/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: app-drawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common using FlatList. Here is an example to illustrate it. diff --git a/docs/next/building-app-drawer.md b/docs/next/building-app-drawer.md index 20692a4b0..7a2012a4b 100644 --- a/docs/next/building-app-drawer.md +++ b/docs/next/building-app-drawer.md @@ -1,6 +1,8 @@ --- id: app-drawer title: App drawer +metaTitle: App drawer | NativeBase +metaDescription: Creating an app drawer-like layout in NativeBase is very simple using FlatList. Read this document to learn more about how to create an app drawer with example. --- Creating an app drawer like layout is very common using FlatList. Here is an example to illustrate it. From 4bcd8928be938c1a2e772edba834ea55fe4748c4 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:30:14 +0530 Subject: [PATCH 43/47] change in meta title and meta description in building-footer-tabs --- docs/3.0.x/building-footer-tabs.md | 2 ++ docs/3.1.x/building-footer-tabs.md | 2 ++ docs/3.2.x/building-footer-tabs.md | 2 ++ docs/3.3.x/building-footer-tabs.md | 2 ++ docs/3.4.x/building-footer-tabs.md | 2 ++ docs/next/building-footer-tabs.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/building-footer-tabs.md b/docs/3.0.x/building-footer-tabs.md index 80c9e324c..c5124f613 100644 --- a/docs/3.0.x/building-footer-tabs.md +++ b/docs/3.0.x/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. diff --git a/docs/3.1.x/building-footer-tabs.md b/docs/3.1.x/building-footer-tabs.md index 80c9e324c..c5124f613 100644 --- a/docs/3.1.x/building-footer-tabs.md +++ b/docs/3.1.x/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. diff --git a/docs/3.2.x/building-footer-tabs.md b/docs/3.2.x/building-footer-tabs.md index c99af156a..b90c7519b 100644 --- a/docs/3.2.x/building-footer-tabs.md +++ b/docs/3.2.x/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. diff --git a/docs/3.3.x/building-footer-tabs.md b/docs/3.3.x/building-footer-tabs.md index 6ed177656..6bf4379a6 100644 --- a/docs/3.3.x/building-footer-tabs.md +++ b/docs/3.3.x/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. diff --git a/docs/3.4.x/building-footer-tabs.md b/docs/3.4.x/building-footer-tabs.md index 6ed177656..6bf4379a6 100644 --- a/docs/3.4.x/building-footer-tabs.md +++ b/docs/3.4.x/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. diff --git a/docs/next/building-footer-tabs.md b/docs/next/building-footer-tabs.md index 6ed177656..6bf4379a6 100644 --- a/docs/next/building-footer-tabs.md +++ b/docs/next/building-footer-tabs.md @@ -1,6 +1,8 @@ --- id: building-footer-tabs title: Footer +metaTitle: Footer | NativeBase +metaDescription: Making Footer in our apps is very simple in NativeBase V3. Read this document where we explain how to make Footer using HStack component with useful examples. --- With NativeBase v3 we have removed FooterTab components because as it's very simple to create it using HStack component. Here is an example of how we can make Footer in our Apps. From 98562410d01d84d0a772bb43ced1220fad8b3d17 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:36:01 +0530 Subject: [PATCH 44/47] change in meta title and meta description in migration-v3 --- docs/3.0.x/migration/v3.md | 2 ++ docs/3.1.x/migration/v3.md | 2 ++ docs/3.2.x/migration/v3.md | 2 ++ docs/3.3.x/migration/v3.md | 2 ++ docs/3.4.x/migration/v3.md | 2 ++ docs/next/migration/v3.md | 2 ++ 6 files changed, 12 insertions(+) diff --git a/docs/3.0.x/migration/v3.md b/docs/3.0.x/migration/v3.md index 4ed6cbe32..596825318 100644 --- a/docs/3.0.x/migration/v3.md +++ b/docs/3.0.x/migration/v3.md @@ -1,6 +1,8 @@ --- id: Guide title: Guide to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! diff --git a/docs/3.1.x/migration/v3.md b/docs/3.1.x/migration/v3.md index 24813b8ee..4cfe29dcb 100644 --- a/docs/3.1.x/migration/v3.md +++ b/docs/3.1.x/migration/v3.md @@ -1,6 +1,8 @@ --- id: guide title: Guide to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! diff --git a/docs/3.2.x/migration/v3.md b/docs/3.2.x/migration/v3.md index 349226570..c73ef1f9a 100644 --- a/docs/3.2.x/migration/v3.md +++ b/docs/3.2.x/migration/v3.md @@ -1,6 +1,8 @@ --- id: migration-guide-three title: Upgrading to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! diff --git a/docs/3.3.x/migration/v3.md b/docs/3.3.x/migration/v3.md index 349226570..c73ef1f9a 100644 --- a/docs/3.3.x/migration/v3.md +++ b/docs/3.3.x/migration/v3.md @@ -1,6 +1,8 @@ --- id: migration-guide-three title: Upgrading to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! diff --git a/docs/3.4.x/migration/v3.md b/docs/3.4.x/migration/v3.md index 349226570..c73ef1f9a 100644 --- a/docs/3.4.x/migration/v3.md +++ b/docs/3.4.x/migration/v3.md @@ -1,6 +1,8 @@ --- id: migration-guide-three title: Upgrading to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! diff --git a/docs/next/migration/v3.md b/docs/next/migration/v3.md index 349226570..c73ef1f9a 100644 --- a/docs/next/migration/v3.md +++ b/docs/next/migration/v3.md @@ -1,6 +1,8 @@ --- id: migration-guide-three title: Upgrading to v3 +metaTitle: Upgrading to v3 | NativeBase +metaDescription: NativeBase V3 comes with a lot of changes in philosophy and API. If you are looking to upgrade from NativeBase V2 to V3 in your app, you can take a look here. --- `v3` comes with a lot of changes in philosophy as well as the API. We have re-imagined how we should code for React Native as well as web. Keeping this in mind, you might come across a lot of changes while upgrading from v2 to v3. This might seem to be a bit of tedious work but we promise you, it will be worth it! From db29727f1e088f0b07e58b22ebf14b75c49398b2 Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:49:02 +0530 Subject: [PATCH 45/47] change in meta title and meta description in migration-v3xtov32 --- docs/3.2.x/migration/v3xtov32.mdx | 3 +++ docs/3.3.x/migration/v3xtov32.mdx | 3 +++ docs/3.4.x/migration/v3xtov32.mdx | 3 +++ docs/next/migration/v3xtov32.mdx | 3 +++ 4 files changed, 12 insertions(+) diff --git a/docs/3.2.x/migration/v3xtov32.mdx b/docs/3.2.x/migration/v3xtov32.mdx index ee5be30ed..027de5f69 100644 --- a/docs/3.2.x/migration/v3xtov32.mdx +++ b/docs/3.2.x/migration/v3xtov32.mdx @@ -1,6 +1,9 @@ --- id: migration-guide-three-point-two title: Upgrading to 3.2.0 from 3.x +metaTitle: Upgrading to 3.2.0 from 3.x | NativeBase +metaDescription: "In NativeBase v3.2.0 we revamped the features and theme and made them more optimized. Read on to find out how to easily upgrade to v3.2.0 with three options. +" --- As we continued to improve NativeBase v3, we got a lot of feature requests and we also revamped our theme to make it more consistent, easy to understand, and optimized to promote good practices while writing code. diff --git a/docs/3.3.x/migration/v3xtov32.mdx b/docs/3.3.x/migration/v3xtov32.mdx index 948bfef2b..e87afe26f 100644 --- a/docs/3.3.x/migration/v3xtov32.mdx +++ b/docs/3.3.x/migration/v3xtov32.mdx @@ -1,6 +1,9 @@ --- id: migration-guide-three-point-two title: Upgrading to 3.2.0 from 3.x +metaTitle: Upgrading to 3.2.0 from 3.x | NativeBase +metaDescription: "In NativeBase v3.2.0 we revamped the features and theme and made them more optimized. Read on to find out how to easily upgrade to v3.2.0 with three options. +" --- As we continued to improve NativeBase v3, we got a lot of feature requests and we also revamped our theme to make it more consistent, easy to understand, and optimized to promote good practices while writing code. diff --git a/docs/3.4.x/migration/v3xtov32.mdx b/docs/3.4.x/migration/v3xtov32.mdx index 42e657ef4..ddc870608 100644 --- a/docs/3.4.x/migration/v3xtov32.mdx +++ b/docs/3.4.x/migration/v3xtov32.mdx @@ -1,6 +1,9 @@ --- id: migration-guide-three-point-two title: Upgrading to 3.2.0 from 3.x +metaTitle: Upgrading to 3.2.0 from 3.x | NativeBase +metaDescription: "In NativeBase v3.2.0 we revamped the features and theme and made them more optimized. Read on to find out how to easily upgrade to v3.2.0 with three options. +" --- As we continued to improve NativeBase v3, we got a lot of feature requests and we also revamped our theme to make it more consistent, easy to understand, and optimized to promote good practices while writing code. diff --git a/docs/next/migration/v3xtov32.mdx b/docs/next/migration/v3xtov32.mdx index ee5be30ed..027de5f69 100644 --- a/docs/next/migration/v3xtov32.mdx +++ b/docs/next/migration/v3xtov32.mdx @@ -1,6 +1,9 @@ --- id: migration-guide-three-point-two title: Upgrading to 3.2.0 from 3.x +metaTitle: Upgrading to 3.2.0 from 3.x | NativeBase +metaDescription: "In NativeBase v3.2.0 we revamped the features and theme and made them more optimized. Read on to find out how to easily upgrade to v3.2.0 with three options. +" --- As we continued to improve NativeBase v3, we got a lot of feature requests and we also revamped our theme to make it more consistent, easy to understand, and optimized to promote good practices while writing code. From 847bf368628b164db98845bad0d53bb9fc7c22ee Mon Sep 17 00:00:00 2001 From: Sahil Vasuja Date: Thu, 1 Dec 2022 17:54:57 +0530 Subject: [PATCH 46/47] change in meta title and meta description in migration-v33xtov34x --- docs/3.4.x/migration/v33xtov34x.mdx | 2 ++ docs/next/migration/v33xtov34x.mdx | 2 ++ 2 files changed, 4 insertions(+) diff --git a/docs/3.4.x/migration/v33xtov34x.mdx b/docs/3.4.x/migration/v33xtov34x.mdx index 29122a9d8..ba0af36b7 100644 --- a/docs/3.4.x/migration/v33xtov34x.mdx +++ b/docs/3.4.x/migration/v33xtov34x.mdx @@ -1,6 +1,8 @@ --- id: migration-guide-three-point-four title: Upgrading to 3.4.0 from 3.3.x +metaTitle: Upgrading to 3.4.0 from 3.3.x | NativeBase +metaDescription: As we continue to revamp, improve, and upgrade NativeBase, read the document to learn about how to easily upgrade to v3.4.0 with an overview of the changelog. ---