@blueeast/bluerain-plugin-vector-icons

Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.

Usage no npm install needed!

<script type="module">
  import blueeastBluerainPluginVectorIcons from 'https://cdn.skypack.dev/@blueeast/bluerain-plugin-vector-icons';
</script>

README

bluerain plugin vector icon

Vector Icons for React Native Customizable Icons for BlueRain Apps from react-native-vector-icons with support for NavBar/TabBar/ToolbarAndroid, image source and full styling. bluerain-plugin-vector-icons

🌏 Web 🖥 Electron 📱 React Native
✔️ ✔️ TBD

Screenshots

Type Example 1 Example 2
Web vectoricons vectoricons
Electron TBD TBD
Native TBD TBD

Installation

Run the following command in the plugin directoy:

yarn add  @blueeast/bluerain-plugin-vector-icons

Components

Icon

Props

Name Default Type Description
name string This is used for the name of the Icon
size string This is used for size of the icon

Example:

import BR from '@blueeast/bluerain-os';

<BR.Components.Icon name="airplane" size={30} color="blue" />

Demo

API

VectorIconsFontAwesome

Extends Plugin

Properties

  • pluginName string "VectorIconsFontAwesome"
  • slug string "vector-icons-font-awesome"

VectorIconsEntypo

Extends Plugin

Properties

  • pluginName string "VectorIconsEntypo"
  • slug string "vector-icons-Entypo"

VectorIconsIonicons

Extends Plugin

Properties

  • pluginName string "VectorIconsIonicons"
  • slug string "vector-icons-Ionicons"

VectorMaterialCommunityIcons

Extends Plugin

Properties

  • pluginName string "VectorMaterialCommunityIcons"
  • slug string "vector-materialCommunity-icons"

VectorIconsMaterialIcons

Extends Plugin

Properties

  • pluginName string "VectorIconsMaterialIcons"
  • slug string "vector-icons-material-icons"