# Xuda Flag Icons Plugin

The **Xuda Flag Icons Plugin** seamlessly integrates the [flag-icons](https://www.npmjs.com/package/flag-icons) library into your Xuda platform environment, enabling you to display country flags based on a country’s full name, ISO code, or area code. This plugin enhances internationalization and localization efforts by easily mapping user-provided country data to corresponding high-quality SVG flag icons.

---

## Features

- **Dynamic Flag Selection**: Automatically identify the appropriate flag icon by providing a country’s full name, ISO code, or phone area code.
- **Flexible Integration**: Embeds directly into the Xuda platform, allowing easy configuration through Xuda Studio properties.
- **Internationalization Support**: Useful for multi-lingual, international projects, or whenever you need to visually represent countries.
- **Lightweight and Scalable**: Uses the comprehensive and well-maintained `flag-icons` library of SVG-based flags.

---

## Usage in Xuda Studio

1. **Open Xuda Studio**: Visit [Xuda.io](https://xuda.io/studio) and open your project.
2. **Select a Component**: Choose the component where you want to display a flag icon.
3. **Set the Component’s Text**: In the component’s text content, enter a country’s full name, ISO code, or area code.
4. **Plugin Execution**: The plugin will automatically detect the appropriate flag icon and apply it, allowing you to preview changes in real-time.

---

## Further Resources

- [Flag Icons Documentation](https://www.npmjs.com/package/flag-icons) for information on available country codes and customization.
- [Xuda Documentation](https://xuda.io/docs) to learn more about working with plugins and extending UI capabilities in the Xuda platform.