Skip to content

V3.2.1 #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Oct 13, 2021
Merged

V3.2.1 #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7bbf82b
fix: unterminated jsx error
intergalacticspacehighway Oct 13, 2021
856e5dd
don't know
intergalacticspacehighway Oct 13, 2021
0405a45
v3.2.1 mdx layout fix
intergalacticspacehighway Oct 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
141 changes: 69 additions & 72 deletions docs/getting-started.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,87 +7,84 @@ slug: /
import { KitchenSinkIframe, TileLink, NBHistory } from '../src/components';
import TOCInline from '@theme/TOCInline';

<div className="tailwind">
<div className="row m-0">
<div className="col col--9 mb-12 p-0">
<p className="text-md">
NativeBase is a component library that enables devs to build universal design systems. It is built on top of React Native, allowing you to develop apps for Android, iOS and the Web.
</p>
<div className="mt-8 pl-2 -ml-1">
<div className="row mb-2 m-0 -ml-3">
<TileLink
title="Installation Guide"
url="installation"
description="Setup NativeBase in your project"
className="bg-cyan-600"
/>
<TileLink
title="Playground"
url="https://snack.expo.io/@nishanbende/example"
description="Try NativeBase on Snack by Expo"
className="bg-teal-600"
/>
</div>
<div className="row m-0 -ml-3">
<TileLink
title="Theming"
url="default-theme"
description="Create your own Design System"
className="bg-pink-600"
/>
<TileLink
title="Recipes"
url="login-signup-forms"
description="Popular Recipes for Apps"
className="bg-indigo-600"
/>
</div>

<div className='tailwind'>
<div className='row m-0'>
<p className='text-md'>
NativeBase is a component library that enables devs to build universal
design systems. It is built on top of React Native, allowing you to
develop apps for Android, iOS and the Web.
</p>
<div className='mt-8 pl-2 -ml-1'>
<div className='row mb-2 m-0 -ml-3'>
<TileLink
title='Installation Guide'
url='installation'
description='Setup NativeBase in your project'
className='bg-cyan-600'
/>
<TileLink
title='Playground'
url='https://snack.expo.io/@nishanbende/example'
description='Try NativeBase on Snack by Expo'
className='bg-teal-600'
/>
</div>
<div className='row m-0 -ml-3'>
<TileLink
title='Theming'
url='default-theme'
description='Create your own Design System'
className='bg-pink-600'
/>
<TileLink
title='Recipes'
url='login-signup-forms'
description='Popular Recipes for Apps'
className='bg-indigo-600'
/>
</div>
</div>
<div className="col col--3 mb-12">
<KitchenSinkIframe />
</div>
</div>
<h2 className="text-3xl mb-12">A Brief History of NativeBase</h2>
<div className="mt-4 ml-4">
<NBHistory />
<div className='col col--3 mb-12'>
<KitchenSinkIframe />
</div>
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
<h2 className='text-3xl mb-12'>A Brief History of NativeBase</h2>

We had clear goals in mind while building version 3. Take a look at some of the new features we added:
<div className='mt-4 ml-4'>
<NBHistory />
</div>

<div className="mt-8">
<h4 className="text-xl">Multiplatform</h4>
<div>
NativeBase supports multiple platforms; android, iOS and web. You can also
customise properties using platform-specific props.
</div>
</div>
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>

<div className="mt-8">
<h4 className="text-xl">Inherently Beautiful</h4>
<div>
NativeBase ships with a default theme that provides beautiful components,
out of the box.
</div>
</div>
We had clear goals in mind while building version 3. Take a look at some of the new features we added:

<div className="mt-8">
<h4 className="text-xl">Accessible</h4>
<div>
This version has out of the box accessibility including focus management,
keyboard navigation and more.
</div>
</div>
<div className="mt-8">
<h4 className="text-xl">Multiplatform</h4>
<div>
NativeBase supports multiple platforms; android, iOS and web. You can also
customise properties using platform-specific props.
</div>
</div>

<div className="mt-8">
<h4 className="text-xl">Customisable
<div className="mt-8">
<h4 className="text-xl">Inherently Beautiful</h4>
<div>
NativeBase ships with a default theme that provides beautiful components,
out of the box.
</div>
<div className="mt-8">
<h4 className="text-xl">Accessible</h4>
<div>
This version has out of the box accessibility including focus management,
keyboard navigation and more.
</div>
</div>

</h4>
<div>
The default theme can be extended as you desire. You can also customise specific components for your app needs.
</div>
</div>
<div className="mt-8">
<h4 className="text-xl">Customisable</h4>
<div>
The default theme can be extended as you desire. You can also customise specific components for your app needs.
</div>
</div>

</div>
141 changes: 69 additions & 72 deletions versioned_docs/version-3.2.1/getting-started.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,87 +7,84 @@ slug: /
import { KitchenSinkIframe, TileLink, NBHistory } from '../../src/components';
import TOCInline from '@theme/TOCInline';

<div className="tailwind">
<div className="row m-0">
<div className="col col--9 mb-12 p-0">
<p className="text-md">
NativeBase is a component library that enables devs to build universal design systems. It is built on top of React Native, allowing you to develop apps for Android, iOS and the Web.
</p>
<div className="mt-8 pl-2 -ml-1">
<div className="row mb-2 m-0 -ml-3">
<TileLink
title="Installation Guide"
url="installation"
description="Setup NativeBase in your project"
className="bg-cyan-600"
/>
<TileLink
title="Playground"
url="https://snack.expo.io/@nishanbende/example"
description="Try NativeBase on Snack by Expo"
className="bg-teal-600"
/>
</div>
<div className="row m-0 -ml-3">
<TileLink
title="Theming"
url="default-theme"
description="Create your own Design System"
className="bg-pink-600"
/>
<TileLink
title="Recipes"
url="login-signup-forms"
description="Popular Recipes for Apps"
className="bg-indigo-600"
/>
</div>

<div className='tailwind'>
<div className='row m-0'>
<p className='text-md'>
NativeBase is a component library that enables devs to build universal
design systems. It is built on top of React Native, allowing you to
develop apps for Android, iOS and the Web.
</p>
<div className='mt-8 pl-2 -ml-1'>
<div className='row mb-2 m-0 -ml-3'>
<TileLink
title='Installation Guide'
url='installation'
description='Setup NativeBase in your project'
className='bg-cyan-600'
/>
<TileLink
title='Playground'
url='https://snack.expo.io/@nishanbende/example'
description='Try NativeBase on Snack by Expo'
className='bg-teal-600'
/>
</div>
<div className='row m-0 -ml-3'>
<TileLink
title='Theming'
url='default-theme'
description='Create your own Design System'
className='bg-pink-600'
/>
<TileLink
title='Recipes'
url='login-signup-forms'
description='Popular Recipes for Apps'
className='bg-indigo-600'
/>
</div>
</div>
<div className="col col--3 mb-12">
<KitchenSinkIframe />
</div>
</div>
<h2 className="text-3xl mb-12">A Brief History of NativeBase</h2>
<div className="mt-4 ml-4">
<NBHistory />
<div className='col col--3 mb-12'>
<KitchenSinkIframe />
</div>
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
<h2 className='text-3xl mb-12'>A Brief History of NativeBase</h2>

We had clear goals in mind while building version 3. Take a look at some of the new features we added:
<div className='mt-4 ml-4'>
<NBHistory />
</div>

<div className="mt-8">
<h4 className="text-xl">Multiplatform</h4>
<div>
NativeBase supports multiple platforms; android, iOS and web. You can also
customise properties using platform-specific props.
</div>
</div>
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>

<div className="mt-8">
<h4 className="text-xl">Inherently Beautiful</h4>
<div>
NativeBase ships with a default theme that provides beautiful components,
out of the box.
</div>
</div>
We had clear goals in mind while building version 3. Take a look at some of the new features we added:

<div className="mt-8">
<h4 className="text-xl">Accessible</h4>
<div>
This version has out of the box accessibility including focus management,
keyboard navigation and more.
</div>
</div>
<div className="mt-8">
<h4 className="text-xl">Multiplatform</h4>
<div>
NativeBase supports multiple platforms; android, iOS and web. You can also
customise properties using platform-specific props.
</div>
</div>

<div className="mt-8">
<h4 className="text-xl">Customisable
<div className="mt-8">
<h4 className="text-xl">Inherently Beautiful</h4>
<div>
NativeBase ships with a default theme that provides beautiful components,
out of the box.
</div>
<div className="mt-8">
<h4 className="text-xl">Accessible</h4>
<div>
This version has out of the box accessibility including focus management,
keyboard navigation and more.
</div>
</div>

</h4>
<div>
The default theme can be extended as you desire. You can also customise specific components for your app needs.
</div>
</div>
<div className="mt-8">
<h4 className="text-xl">Customisable</h4>
<div>
The default theme can be extended as you desire. You can also customise specific components for your app needs.
</div>
</div>

</div>