Flag CSS where/how?

[kwutzke]

Hello,

I'm pretty new to React etc.

I was looking at https://github.com/primefaces/primereac ... ateDemo.js

Code:

Code: Select all

    countryBodyTemplate(rowData) {
        return (
            <>
                <img alt={rowData.country.code} src="showcase/demo/images/flag_placeholder.png" className={`flag flag-${rowData.country.code}`} width="30" />
                <span className="image-text">{rowData.country.name}</span>
            </>
        );
    }

This renders a flag icon into a table cell.

I downloaded flag_placeholder.png from Github, however nothing is being displayed. It's pretty obvious: the transparent PNG is found and the CSS classes flag and flag-us etc. arent't found.

Where do I find these styles/classes? What do I need to install/import into my file to get PrimeReact flags out of the box?

Thanks

[mert.sincan]

Hi,

Please see this file;
https://github.com/primefaces/primereac ... /flags.css

Maybe you can add App.js or your demo component;

Code: Select all

import './assets/style/flags.css'; // Our showcase import

Best Regards,

[marteyo]

HI, sorry but file not found.

Hi,

Please see this file;
https://github.com/primefaces/primereac ... /flags.css

Maybe you can add App.js or your demo component;

Code: Select all

import './assets/style/flags.css'; // Our showcase import

Best Regards,

[habubey]

Hello,
Could this be what you're looking for?

https://github.com/primefaces/primereac ... mages/flag