MahApps.IconPack Preview Extension

Overview

The MahApps.IconPack Preview Extension is a Visual Studio Code extension that provides an instant preview of icons from the MahApps.Metro.IconPacks directly in your code. This extension is designed to streamline the development process by offering a visual representation of icons right within your development environment.

Features

Real-time Icon Preview: Displays a preview of the icons as you work in the code.
Support for all MahApps.IconPacks: Compatible with all icon packs available in MahApps.Metro.IconPacks.
Easy Integration: Simply add the extension to your Visual Studio Code to start seeing previews instantly.

Installation

To install the MahApps.IconPack Preview Extension, follow these steps:

Open Visual Studio Code.
Go to the Extensions view (Ctrl+Shift+X).
Search for MahApps.IconPack Preview.
Click Install to add the extension to your editor.
Alternatively, you can install the extension directly from the Visual Studio Code Marketplace.

Usage

After installing the extension, open any .cs or .xaml file that uses MahApps.Metro.IconPacks.
When you enter an icon key (e.g., PackIconModernKind.Settings, Kind=Settings) in your code, a preview of the corresponding icon will appear.
Hover over the icon, and a tooltip will appear displaying the icon in a larger size.

Warning

Ensure that the version of the MahApps.IconPack Preview Extension matches the version of the installed NuGet package for MahApps.Metro.IconPacks in your project. Using mismatched versions might result in incorrect or missing icon previews.

Examples

Here are some examples of how the preview might appear in your code:

When you hover over the icon, the corresponding icon will be displayed.

Support & Feedback

If you encounter any issues or have feedback about the extension, please open an Issue in the repository. We value your contributions and look forward to improving the extension together.