Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>NativeBase SnippetsNew to Visual Studio Code? Get it now.
NativeBase Snippets

NativeBase Snippets

GeekyAnts

|
7,032 installs
| (1) | Free
NativeBase snippets for MS VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

NativeBase Snippets for VS Code

This extension provides NativeBase snippets for React Native with NativeBase projects.

Installation

In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones. Search for NativeBase Snippets and install it.

Supported languages (file extensions)

  • JavaScript (.js)
  • JavaScript React (.jsx)

Snippets

Below is a list of all available snippets.

Prefix Component
anatomy Anatomy: Container containing Header, Content, Footer
badge Badge: Numerical indicator
button Button
card Card: Flexible, extensible container for Content
carddynamic Dynamic Card: Card for vertically scrolling lists
cardimage Card Image: Card for image with icon below it
carditem Card Item: Lists items in Card
cardshowcase Card Showcase: Card for images with text and icon below it
checkbox Checkbox: Select a number of items from a set of choices
col Col: Column for Grid
container Container: Component to contain all other components
content Content: Body section of the screen
decswiper deckSwiper: Swipable card
fab FAB: Floating Action Button
grid Grid: Grid layout
h1 H1: Heading tag of font-size: 27
h2 H2: Heading tag of font-size: 24
h3 H3: Heading tag of font-size: 21
header Header: Navbar of the screen
icon Icon
icontextbox Icon Textbox: TextBox with Icon
image Image
list List
listavatar List Avatar: Icon sized image with list item
listdynamic Dynamic List: List for vertically scrolling lists of changing data
listicon List Icon: Icon with list item
listitem ListItem: Define a list item
listthumbnail List Thumbnail: Thumbnail sized image with list item
picker Picker
radio Radio Button
regulartextbox Regular Textbox: Rectangular Textbox
roundedtextbox Rounded Textbox: Textbox with rounded corner
row Row: Row in Grid
searchbar Searchbar
spinner Spinner
tabs Tabs: Component for tabbed navigation
text Text
textbox Textbox
thumbnail Thumbnail
underlinedtextbox Underlined Textbox: Textbox with bottom border only

Happy coding!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft