Skip to content

Commit

Permalink
Merge pull request #2237 from gluestack/fix/native-docs
Browse files Browse the repository at this point in the history
feat: changed image vs code
  • Loading branch information
Viraj-10 authored Jun 17, 2024
2 parents b22e379 + c6817e1 commit 6b42321
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 7 deletions.
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: Installation | gluestack-ui-with-nativewind
title: Installation | gluestack-ui-v2

description: To get started with gluestack-ui with nativewind, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.
description: To get started with gluestack-ui v2, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.

pageTitle: Installation

pageDescription: To get started with gluestack-ui, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.
pageDescription: To get started with gluestack-ui v2, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.

showHeader: false
---
Expand All @@ -17,13 +17,13 @@ import { CollapsibleCode, Tabs } from '@gluestack/design-system';

# Installation

To get started with gluestack-ui with nativewind, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.
To get started with **gluestack-ui v2**, check out this quick installation guide. It provides simple steps to help you install and use the library in your projects.

### Using Template

you can use [gluestack-expo-nativewind-v4-template](https://github.com/gluestack/gluestack-expo-nativewind-v4-template).

If you wish to use `gluestack-ui` with nativewind in your existing project using CLI or manually, you can proceed with the following steps:
If you wish to use **gluestack-ui v2** in your existing project using CLI or manually, you can proceed with the following steps:

### Step 1: Setup Nativewind
Setup nativewind in your project following [NativeWind documentation](https://www.nativewind.dev/v4/getting-started/react-native).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ These extensions provide gluestack snippets, which are shorthand for commonly us
All snippets start with the prefix `gs-` and are followed by the name of the desired component.

<img
src="/images/vscode-extensions.gif"
src="/images/vscode-nativewind-extensions.gif"
width="100%"
alt="gluestack VS Code Extensions"
/>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ Stay updated about our company and collaborate on enterprise-level projects.

## All Components

Explore 30+ component for React, Next.js & React Native [See All](/ui/docs/components/all-components).
Explore 30+ components for React, Next.js & React Native [See All](/ui/docs/components/all-components).

# FAQs

Expand Down

0 comments on commit 6b42321

Please sign in to comment.