From 9694f86cbef723fdd9c97e6630149169af0fa0db Mon Sep 17 00:00:00 2001 From: Aditya Jamuar Date: Fri, 1 Oct 2021 19:34:48 +0530 Subject: [PATCH 1/3] sidebar title updated --- docs/interaction-styles.mdx | 2 +- docs/pseudoProps.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/interaction-styles.mdx b/docs/interaction-styles.mdx index 8c07bf6a5..dedb81f6f 100644 --- a/docs/interaction-styles.mdx +++ b/docs/interaction-styles.mdx @@ -1,6 +1,6 @@ --- id: pseudo-props -title: Pseudo props in Detail +title: 'Pseudo props: Overview' --- import { diff --git a/docs/pseudoProps.md b/docs/pseudoProps.md index a28fb89cc..1e72debff 100644 --- a/docs/pseudoProps.md +++ b/docs/pseudoProps.md @@ -1,6 +1,6 @@ --- id: pseudo-props-101 -title: Pseudo Props 101 +title: 'Pseudo props: Do’s & Dont’s' --- Before getting into details of all the common Pseudo Props NativeBase has to offer let's check some key points that these pseudo props follow. From 340e4c2ea46eae08cae8b1bf0351c05b904583fa Mon Sep 17 00:00:00 2001 From: Sanket Sahu Date: Sat, 16 Oct 2021 01:47:12 +0530 Subject: [PATCH 2/3] Added NativeBaseStartup banner in the docsclear --- src/components/NativeStartupBanner/index.js | 47 +++++++++++++++++ src/components/TileLink/index.js | 3 +- src/components/index.js | 1 + src/theme/Navbar.js | 51 ++++++++----------- .../version-3.2.1/getting-started.mdx | 7 ++- 5 files changed, 76 insertions(+), 33 deletions(-) create mode 100644 src/components/NativeStartupBanner/index.js diff --git a/src/components/NativeStartupBanner/index.js b/src/components/NativeStartupBanner/index.js new file mode 100644 index 000000000..001f04db4 --- /dev/null +++ b/src/components/NativeStartupBanner/index.js @@ -0,0 +1,47 @@ +import React from 'react'; +import Link from '@docusaurus/Link'; + +export default function NativeStartupBanner() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Looking for more than components?
+

+ Native Startup+ is a bundle of ready-to-use screens for web and mobile apps crafted by the creators of NativeBase. +

+ ); +} \ No newline at end of file diff --git a/src/components/TileLink/index.js b/src/components/TileLink/index.js index 580efa1e3..d3835bd54 100644 --- a/src/components/TileLink/index.js +++ b/src/components/TileLink/index.js @@ -10,12 +10,13 @@ export default function TileLink({ imgStyle, titleClassName = 'text-white', descriptionClassName = 'text-gray-100', + wide = false }) { return ( diff --git a/src/components/index.js b/src/components/index.js index 9126d8d65..143c5344f 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -6,6 +6,7 @@ export { default as AndroidBadge } from './AndroidBadge'; export { default as WebBadge } from './WebBadge'; export { default as KitchenSinkIframe } from './KitchenSinkIframe'; export { default as TileLink } from './TileLink'; +export { default as NativeStartupBanner } from './NativeStartupBanner'; export { default as NBHistory } from './NBHistory'; export { default as InstallationTiles } from './InstallationTiles'; export { UtilityFirstExample } from './UtilityFirstExample'; diff --git a/src/theme/Navbar.js b/src/theme/Navbar.js index 9040147d8..c2278e82c 100644 --- a/src/theme/Navbar.js +++ b/src/theme/Navbar.js @@ -79,17 +79,15 @@ function Navbar() { [styles.navbarHideable]: hideOnScroll, [styles.navbarHidden]: !isNavbarVisible, })} - // style={{ paddingLeft: '2rem' }} + // style={{ paddingLeft: '2rem' }} >
{items != null && items.length !== 0 && ( @@ -116,19 +114,16 @@ function Navbar() { return ( ); else return ; @@ -157,13 +152,11 @@ function Navbar() { @@ -173,14 +166,12 @@ function Navbar() {