Flag CSS where/how?

UI Components for React
Post Reply
kwutzke
Posts: 180
Joined: 20 Jul 2012, 21:35

06 Sep 2020, 17:01

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
PrimeFaces 8, Mojarra 2.3, Wildfly 20, PrimeReact 5, JAXB/REST

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests