components
Languages
These badges indicate the languages of content items in List views, Create and Edit screens. May be clickable or just indicative. Blue ones indicate a specific language. Each badge contains the respective language abbreviation. When letters are more than 2, the full abbreviation is revealed on hover. Language badges for not translated items have empty state.
Default
Default
en Empty
en Floating text on hover
en-us Language Counter
Language counter badges are used in lists only and indicate the number of additional languages that are not currently visible. On click the hidden languages are revealed and the badge is hidden. Language counter is displayed only if the languages are 7 or more. Don't display it as a single component without any language badges.
Default
+4 Languages are 6 or less
en es it fr de bg Languages are 7 or more
en es it df de +2