<telixon-flag>
The element shows the cell of its region from the sprite sheet of
@telixon/web-sdk, painted on its own box through a pseudo-element. It adds no children, which
leaves server-rendered markup untouched through hydration. The flag is decorative and carries
aria-hidden. The region’s name belongs in the text next to the flag. The class is
TelixonFlagElement.
<telixon-flag region="US"></telixon-flag>Attributes and properties
Section titled “Attributes and properties”| Name | Type | Meaning |
|---|---|---|
region |
RegionCode | null |
The region whose flag shows. Without it, and for a region the sheet does not carry, the neutral flag shows. |
The property reflects to the attribute.
The stylesheet
Section titled “The stylesheet”The stylesheet of the package sizes the flag and loads the
sprite images. The cell is 1.5em wide with a 4 / 3 aspect ratio. Set the width of telixon-flag
to size the flag. The same stylesheet reaches the flags inside a
region picker through its flag part.