diff --git a/README.md b/README.md index 144f4cd..a9392d4 100644 --- a/README.md +++ b/README.md @@ -1,353 +1,29 @@ -# React Native Elements Snippets - -![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/rne.snippets?style=flat-square) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) - -![ScreenShot](./img/Screenshot.png) - -**Note:** There are two ways to insert these: - -- **Trigger Suggest** (Space on macOS) and then type in the name; or you can - enable the **Editor: Tab Completion** setting, then type the name of the - snippet and press Tab. - -## Features - -- Works in JS/X and TSX -- Automatically adds missing imports when a snippet is inserted (as long as it succeeds in parsing the entire file) -- Supports `React Native Elements Universe` Package - -## Installation - -As in any Visual Studio Code Extension you have several options to install: - -- Enter the Visual Studio Code Marketplace, search for `React Native Elements Snippets` (or enter directly on the extension page) and click on Install button. - -- Inside Visual Studio Code, enter in the Extension panel, search for `React Native Elements Snippets` and click on Install button - -- Run the following command in the Command Palette: - -> ext install rne.snippets - -## Snippets - - - -- [`rneAvatar`](#rneavatar) -- [`rneAvatarBadge`](#rneavatarbadge) -- [`rneBadge`](#rnebadge) -- [`rneBadgeMini`](#rnebadgemini) -- [`rneBottomSheet`](#rnebottomsheet) -- [`rneButton`](#rnebutton) -- [`rneButtonGroup`](#rnebuttongroup) -- [`rneButtonIcon`](#rnebuttonicon) -- [`rneButtonType`](#rnebuttontype) -- [`rneCard`](#rnecard) -- [`rneCheckBox`](#rnecheckbox) -- [`rneChip`](#rnechip) -- [`rneChipIcon`](#rnechipicon) -- [`rneDivider`](#rnedivider) -- [`rneFAB`](#rnefab) -- [`rneIcon`](#rneicon) -- [`rneImage`](#rneimage) -- [`rneLinearProgress`](#rnelinearprogress) -- [`rneLinearProgressIndeterminate`](#rnelinearprogressindeterminate) -- [`rneRadio`](#rneradio) -- [`rneSearchBar`](#rnesearchbar) -- [`rneSlider`](#rneslider) -- [`rneSpeedDial`](#rnespeeddial) -- [`rneSpeedDialAction`](#rnespeeddialaction) -- [`rneText`](#rnetext) -- [`rneuCircularSlider`](#rneucircularslider) - -### `rneAvatar` - -#### Avatar Component - -```javascript - -``` - -### `rneAvatarBadge` - -#### Avatar with Badge Component - -```javascript - - - - -``` - -### `rneBadge` - -#### Badge Component - -```javascript - -``` - -### `rneBadgeMini` - -#### Mini Badge Component - -```javascript - -``` - -### `rneBottomSheet` - -#### Bottom Sheet Component - -```javascript - - $0 - -``` - -### `rneButton` - -#### Simple Button Component - -```javascript -