br-state-flags (Kirjasto)

br-state-flags on ydinkirjasto, joka tarjoaa korkealaatuiset, tuotantovalmiit React-komponentit kaikille 27 Brasilian osavaltiolle. Se on suunniteltu kevyeksi ja riippuvuudettomaksi, ja se sisältää kattavat maantieteelliset ja demografiset tiedot jokaisesta osavaltiosta. Katso interaktiivinen esittely demo-projektista.

Tärkeimmät Ominaisuudet

1. Kattava Osavaltiotuki: Sisältää viralliset liput kaikille 26 osavaltiolle sekä liittovaltion piirille, tarkoin värein ja mittasuhtein.
2. Riippuvuudeton Rakenne: Erittäin kevyt toteutus ilman ulkoisia riippuvuuksia. Optimoidut SVG‑tiedostot minimoivat paketin koon.
3. Ensiluokkainen TypeScript-tuki: Rakennettu TypeScriptillä sujuvaa kehittäjäkokemusta varten. Täydet tyyppimääritykset sisältyvät.
4. Helppo Integrointi: Tuo tarvitsemasi liput ja käytä niitä tavallisina React-komponentteina. Täysi tuki kaikille SVG-ominaisuuksille.

Teknologiapino

• Core: React, TypeScript
• Visuaalit: SVG (Korkealaatuinen, optimoitu verkkoon)
• Yhteensopivuus: Tukee Next.js:ää (App- ja Pages-reitit) sekä Viteä

Käyttöesimerkki

npm install br-state-flags

import { AC, SP } from 'br-state-flags';
 
const MyComponent = () => (
  <div className="flex gap-4">
    <AC width={120} title="Acre" />
    <SP width={120} title="São Paulo" />
  </div>
);

Kirjasto tarjoaa myös metadataa jokaiselle osavaltiolle:

import { statesData } from 'br-state-flags';
 
const spData = statesData.SP;
console.log(spData.capital); // "São Paulo"
console.log(spData.population); // 45919049