Skip to content

Commit a7a4147

Browse files
madhav23bansalmadhav23bansal
authored
Merge pull request #105 from GeekyAnts/v3.2.1
V3.2.1
2 parents 175fc74 + 06b03b0 commit a7a4147

File tree

2 files changed

+146
-144
lines changed

2 files changed

+146
-144
lines changed

‎docs/getting-started.mdx‎

Lines changed: 73 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -9,82 +9,83 @@ import TOCInline from '@theme/TOCInline';
99

1010
<div className='tailwind'>
1111
<div className='row m-0'>
12-
<p className='text-md'>
13-
NativeBase is a component library that enables devs to build universal
14-
design systems. It is built on top of React Native, allowing you to
15-
develop apps for Android, iOS and the Web.
16-
</p>
17-
<div className='mt-8 pl-2 -ml-1'>
18-
<div className='row mb-2 m-0 -ml-3'>
19-
<TileLink
20-
title='Installation Guide'
21-
url='installation'
22-
description='Setup NativeBase in your project'
23-
className='bg-cyan-600'
24-
/>
25-
<TileLink
26-
title='Playground'
27-
url='https://snack.expo.io/@nishanbende/example'
28-
description='Try NativeBase on Snack by Expo'
29-
className='bg-teal-600'
30-
/>
31-
</div>
32-
<div className='row m-0 -ml-3'>
33-
<TileLink
34-
title='Theming'
35-
url='default-theme'
36-
description='Create your own Design System'
37-
className='bg-pink-600'
38-
/>
39-
<TileLink
40-
title='Recipes'
41-
url='login-signup-forms'
42-
description='Popular Recipes for Apps'
43-
className='bg-indigo-600'
44-
/>
12+
<div className="col col--9 mb-12 p-0">
13+
<p className='text-md'>
14+
NativeBase is a component library that enables devs to build universal
15+
design systems. It is built on top of React Native, allowing you to
16+
develop apps for Android, iOS and the Web.
17+
</p>
18+
<div className='mt-8 pl-2 -ml-1'>
19+
<div className='row mb-2 m-0 -ml-3'>
20+
<TileLink
21+
title='Installation Guide'
22+
url='installation'
23+
description='Setup NativeBase in your project'
24+
className='bg-cyan-600'
25+
/>
26+
<TileLink
27+
title='Playground'
28+
url='https://snack.expo.io/@nishanbende/example'
29+
description='Try NativeBase on Snack by Expo'
30+
className='bg-teal-600'
31+
/>
32+
</div>
33+
<div className='row m-0 -ml-3'>
34+
<TileLink
35+
title='Theming'
36+
url='default-theme'
37+
description='Create your own Design System'
38+
className='bg-pink-600'
39+
/>
40+
<TileLink
41+
title='Recipes'
42+
url='login-signup-forms'
43+
description='Popular Recipes for Apps'
44+
className='bg-indigo-600'
45+
/>
46+
</div>
4547
</div>
4648
</div>
47-
</div>
48-
<div className='col col--3 mb-12'>
49-
<KitchenSinkIframe />
50-
</div>
51-
<h2 className='text-3xl mb-12'>A Brief History of NativeBase</h2>
52-
53-
<div className='mt-4 ml-4'>
54-
<NBHistory />
55-
</div>
56-
57-
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
58-
59-
We had clear goals in mind while building version 3. Take a look at some of the new features we added:
60-
61-
<div className="mt-8">
62-
<h4 className="text-xl">Multiplatform</h4>
63-
<div>
64-
NativeBase supports multiple platforms; android, iOS and web. You can also
65-
customise properties using platform-specific props.
66-
</div>
49+
<div className='col col--3 mb-12'>
50+
<KitchenSinkIframe />
6751
</div>
52+
</div>
6853

69-
<div className="mt-8">
70-
<h4 className="text-xl">Inherently Beautiful</h4>
71-
<div>
72-
NativeBase ships with a default theme that provides beautiful components,
73-
out of the box.
74-
</div>
75-
<div className="mt-8">
76-
<h4 className="text-xl">Accessible</h4>
77-
<div>
78-
This version has out of the box accessibility including focus management,
79-
keyboard navigation and more.
80-
</div>
81-
</div>
54+
<h2 className="text-3xl mb-12">A Brief History of NativeBase</h2>
55+
<div className="mt-4 ml-4">
56+
<NBHistory />
57+
</div>
58+
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
59+
We had clear goals in mind while building version 3. Take a look at some of the new
60+
features we added:
8261

83-
<div className="mt-8">
84-
<h4 className="text-xl">Customisable</h4>
85-
<div>
86-
The default theme can be extended as you desire. You can also customise specific components for your app needs.
87-
</div>
88-
</div>
62+
<div className="mt-8">
63+
<h4 className="text-xl">Multiplatform</h4>
64+
<div>
65+
NativeBase supports multiple platforms; android, iOS and web. You can also
66+
customise properties using platform-specific props.
67+
</div>
68+
</div>
69+
<div className="mt-8">
70+
<h4 className="text-xl">Inherently Beautiful</h4>
71+
<div>
72+
NativeBase ships with a default theme that provides beautiful components,
73+
out of the box.
74+
</div>
75+
</div>
8976

77+
<div className="mt-8">
78+
<h4 className="text-xl">Accessible</h4>
79+
<div>
80+
This version has out of the box accessibility including focus management,
81+
keyboard navigation and more.
82+
</div>
83+
</div>
84+
<div className="mt-8">
85+
<h4 className="text-xl">Customisable</h4>
86+
<div>
87+
The default theme can be extended as you desire. You can also customise
88+
specific components for your app needs.
89+
</div>
90+
</div>
9091
</div>

‎versioned_docs/version-3.2.1/getting-started.mdx‎

Lines changed: 73 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -9,82 +9,83 @@ import TOCInline from '@theme/TOCInline';
99

1010
<div className='tailwind'>
1111
<div className='row m-0'>
12-
<p className='text-md'>
13-
NativeBase is a component library that enables devs to build universal
14-
design systems. It is built on top of React Native, allowing you to
15-
develop apps for Android, iOS and the Web.
16-
</p>
17-
<div className='mt-8 pl-2 -ml-1'>
18-
<div className='row mb-2 m-0 -ml-3'>
19-
<TileLink
20-
title='Installation Guide'
21-
url='installation'
22-
description='Setup NativeBase in your project'
23-
className='bg-cyan-600'
24-
/>
25-
<TileLink
26-
title='Playground'
27-
url='https://snack.expo.io/@nishanbende/example'
28-
description='Try NativeBase on Snack by Expo'
29-
className='bg-teal-600'
30-
/>
31-
</div>
32-
<div className='row m-0 -ml-3'>
33-
<TileLink
34-
title='Theming'
35-
url='default-theme'
36-
description='Create your own Design System'
37-
className='bg-pink-600'
38-
/>
39-
<TileLink
40-
title='Recipes'
41-
url='login-signup-forms'
42-
description='Popular Recipes for Apps'
43-
className='bg-indigo-600'
44-
/>
12+
<div className="col col--9 mb-12 p-0">
13+
<p className='text-md'>
14+
NativeBase is a component library that enables devs to build universal
15+
design systems. It is built on top of React Native, allowing you to
16+
develop apps for Android, iOS and the Web.
17+
</p>
18+
<div className='mt-8 pl-2 -ml-1'>
19+
<div className='row mb-2 m-0 -ml-3'>
20+
<TileLink
21+
title='Installation Guide'
22+
url='installation'
23+
description='Setup NativeBase in your project'
24+
className='bg-cyan-600'
25+
/>
26+
<TileLink
27+
title='Playground'
28+
url='https://snack.expo.io/@nishanbende/example'
29+
description='Try NativeBase on Snack by Expo'
30+
className='bg-teal-600'
31+
/>
32+
</div>
33+
<div className='row m-0 -ml-3'>
34+
<TileLink
35+
title='Theming'
36+
url='default-theme'
37+
description='Create your own Design System'
38+
className='bg-pink-600'
39+
/>
40+
<TileLink
41+
title='Recipes'
42+
url='login-signup-forms'
43+
description='Popular Recipes for Apps'
44+
className='bg-indigo-600'
45+
/>
46+
</div>
4547
</div>
4648
</div>
47-
</div>
48-
<div className='col col--3 mb-12'>
49-
<KitchenSinkIframe />
50-
</div>
51-
<h2 className='text-3xl mb-12'>A Brief History of NativeBase</h2>
52-
53-
<div className='mt-4 ml-4'>
54-
<NBHistory />
55-
</div>
56-
57-
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
58-
59-
We had clear goals in mind while building version 3. Take a look at some of the new features we added:
60-
61-
<div className="mt-8">
62-
<h4 className="text-xl">Multiplatform</h4>
63-
<div>
64-
NativeBase supports multiple platforms; android, iOS and web. You can also
65-
customise properties using platform-specific props.
66-
</div>
49+
<div className='col col--3 mb-12'>
50+
<KitchenSinkIframe />
6751
</div>
52+
</div>
6853

69-
<div className="mt-8">
70-
<h4 className="text-xl">Inherently Beautiful</h4>
71-
<div>
72-
NativeBase ships with a default theme that provides beautiful components,
73-
out of the box.
74-
</div>
75-
<div className="mt-8">
76-
<h4 className="text-xl">Accessible</h4>
77-
<div>
78-
This version has out of the box accessibility including focus management,
79-
keyboard navigation and more.
80-
</div>
81-
</div>
54+
<h2 className="text-3xl mb-12">A Brief History of NativeBase</h2>
55+
<div className="mt-4 ml-4">
56+
<NBHistory />
57+
</div>
58+
<h2 className="text-3xl mt-12">What's New with NativeBase v3?</h2>
59+
We had clear goals in mind while building version 3. Take a look at some of the new
60+
features we added:
8261

83-
<div className="mt-8">
84-
<h4 className="text-xl">Customisable</h4>
85-
<div>
86-
The default theme can be extended as you desire. You can also customise specific components for your app needs.
87-
</div>
88-
</div>
62+
<div className="mt-8">
63+
<h4 className="text-xl">Multiplatform</h4>
64+
<div>
65+
NativeBase supports multiple platforms; android, iOS and web. You can also
66+
customise properties using platform-specific props.
67+
</div>
68+
</div>
69+
<div className="mt-8">
70+
<h4 className="text-xl">Inherently Beautiful</h4>
71+
<div>
72+
NativeBase ships with a default theme that provides beautiful components,
73+
out of the box.
74+
</div>
75+
</div>
8976

77+
<div className="mt-8">
78+
<h4 className="text-xl">Accessible</h4>
79+
<div>
80+
This version has out of the box accessibility including focus management,
81+
keyboard navigation and more.
82+
</div>
83+
</div>
84+
<div className="mt-8">
85+
<h4 className="text-xl">Customisable</h4>
86+
<div>
87+
The default theme can be extended as you desire. You can also customise
88+
specific components for your app needs.
89+
</div>
90+
</div>
9091
</div>

0 commit comments

Comments
 (0)