Seamlessly preview and experiment with React Native icons within VS Code.
Real-time updates for instant feedback as you make changes to your icon selections.
Included snippets for easy insertion of React Native icons.
Usage
Open a React Native project in Visual Studio Code.
Open a file containing React Native icon components (JavaScript or TypeScript files).
The extension will automatically scan the file for React Native icon components and display a preview of the icons in the editor.
Customize the icons by modifying the icon configurations, names, or colors in the code.
The preview will update in real time as you make changes.
Snippets
To make it even easier to insert React Native icons, the extension includes snippets. Use the following shortcuts followed by the icon name:
ai: AntDesign
ti: Entypo
ei: EvilIcons
fi: Feather
fa: FontAwesome
fa5: FontAwesome5
fo: Fontisto
fd: Foundation
io: Ionicons
md: MaterialIcons
mc: MaterialCommunityIcons
oci: Octicons
zi: Zocial
si: SimpleLineIcons
For example, typing ai-user will suggest <AntDesign name="user" color="black" size={25}/>.
Enjoy a streamlined development workflow with instant feedback on your React Native icons.
Contributing
Contributions are welcome! If you encounter any issues, have suggestions, or would like to contribute to this extension, please feel free to open an issue or submit a pull request.
