Skip to content 
Flag ⚠️ Experimental
The Flag component can be used imported from:
Imports
Make sure you import the proper CSS stylesheet. Check CSS components packages here. Flags are excluded of the general import and need to be loaded manually. Check how you can import flags here
Playground
Construction
The CSS component uses a <div> tag with the z-flag HTML custom attribute.
z-flag
The z-flag attribute is the main attribute used to implement the styling to the flag component.
country
The country code attribute is used to define the country flag to be displayed. The value must be a valid country code.
For now, possible values are: ES for Spain, DE for Germany, FR for France and IT for Italy.
More countries will be added in the future.
Browser support
Detected engine:
Chromium
Webkit
Gecko