Flag Table of Contents

• Props
• CSS Variables

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultaria ariaA map of ARIA attributes to enhance the flag's accessibility. For example, use { 'aria-label': 'German flag' } to provide a descriptive label for screen readers.type FlagAriaAttribute = {
  'aria-label'?: string;
}undefinedname nameSpecifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use us for the United States, de for Germany, gb for Great Britain.type FlagName =
'ad'
'ae'
'al'
'am'
'ar'
'at'
'au'
'az'
'ba'
'bd'
'be'
'bg'
'bh'
'bn'
'bo'
'br'
'by'
'ca'
'ch'
'cl'
'cn'
'co'
'cr'
'cw'
'cy'
'cz'
'de'
'dk'
'do'
'dz'
'ec'
'ee'
'eg'
'es'
'fi'
'fr'
'gb'
'ge'
'gh'
'gi'
'gr'
'gt'
'hk'
'hn'
'hr'
'ht'
'hu'
'id'
'ie'
'il'
'in'
'is'
'it'
'jm'
'jo'
'jp'
'ke'
'kh'
'kr'
'kw'
'kz'
'lb'
'li'
'lk'
'lt'
'lu'
'lv'
'ma'
'mc'
'md'
'me'
'mk'
'mn'
'mo'
'mq'
'mt'
'mu'
'mx'
'my'
'ng'
'nl'
'no'
'nz'
'om'
'pa'
'pe'
'pf'
'ph'
'pk'
'pl'
'pr'
'pt'
'py'
'qa'
're'
'ro'
'rs'
'ru'
'sa'
'se'
'sg'
'si'
'sk'
'sv'
'th'
'tn'
'tr'
'tt'
'tw'
'ua'
'us'
'uy'
'uz'
've'
'vn'
'xx'
'za''de'size 🛠sizeDefines the size of the flag, aligned with the typographic scale used by components such as p-icon, p-spinner, p-text, and p-heading. When set to inherit, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on ex-unit) to remain visually consistent with other typographic-scale-based components.type FlagSize =
'2xs'
'xs'
'sm'
'md'
'lg'
'xl'
'2xl'
'3xl'
'4xl'
'5xl'
'inherit'
'xx-small' 🚫
'x-small' 🚫
'small' 🚫
'medium' 🚫
'large' 🚫
'x-large' 🚫
'xx-large' 🚫
BreakpointCustomizable<FlagSize>'sm'CSS VariablesCSS VariableDescriptiondefaultValue--p-flag-size Defines the width and height of the flag. Overrides the `size` property when set.