React Support Ukraine Banner

Overview

React Support Ukraine Banner is a small but meaningful component that displays a banner at the top of a web page, linking to UNITED24, the official fundraising platform of Ukraine. It is a simple way for websites to show solidarity and provide a direct path to help.

This case highlights how Vasilkoff Ltd supports Ukraine and open source by shipping a free, reusable component that any project can add in minutes.

About UNITED24

UNITED24 was launched in response to the full-scale invasion of Ukraine to provide a direct, official way to help. It was created by President Zelenskyy's administration to answer the global question, "What can we do to help Ukraine?"

UNITED24 aims to:

• Unite people worldwide in support of Ukraine.
• Support protection and reconstruction.
• Provide a simple and direct donation path.

Installation

npm install react-support-ukraine-banner
# or
yarn add react-support-ukraine-banner

Usage

import React from "react";
import SupportUkraineBanner from "react-support-ukraine-banner";

const App = () => (
  <div>
    <SupportUkraineBanner />
    {/* Your application content goes here */}
  </div>
);

export default App;

Note: Since version 1.1.0, the component is written in TypeScript and no longer requires importing CSS files separately.

Customization

The banner is intentionally minimal. You can override default styles by providing custom classes or styling the existing classes in your own CSS.

Contributing

Contributions are welcome. If you would like to improve the code, design, or documentation, feel free to fork the repository and submit a pull request. You can also open issues for bugs or suggestions.

License

This project is open source under the MIT License. Feel free to use, modify, and distribute it.

Why This Case Matters

This case is a direct example of Vasilkoff Ltd taking a public, practical stance in support of Ukraine while contributing to the open-source ecosystem. The component is small, but the message is clear: support matters, and technology can help amplify it.