Badge Component Demos
Minimal
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- Value
- Badge__YDF.DecorativeVariations.catchyBright
- Value
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- Value
- Badge__YDF.DecorativeVariations.neutralBright
- Value
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- Value
- Badge__YDF.DecorativeVariations.calmingBright
- Value
- Badge__YDF.DecorativeVariations.achromaticBright
- Value
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- Value
- Badge__YDF.DecorativeVariations.catchyPastel
- Value
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- Value
- Badge__YDF.DecorativeVariations.neutralPastel
- Value
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- Value
- Badge__YDF.DecorativeVariations.calmingPastel
- Value
- Badge__YDF.DecorativeVariations.achromaticPastel
- Value
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- Value
- Badge__YDF.DecorativeVariations.catchyBright
- Value
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- Value
- Badge__YDF.DecorativeVariations.neutralBright
- Value
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- Value
- Badge__YDF.DecorativeVariations.calmingBright
- Value
- Badge__YDF.DecorativeVariations.achromaticBright
- Value
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- Value
- Badge__YDF.DecorativeVariations.catchyPastel
- Value
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- Value
- Badge__YDF.DecorativeVariations.neutralPastel
- Value
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- Value
- Badge__YDF.DecorativeVariations.calmingPastel
- Value
- Badge__YDF.DecorativeVariations.achromaticPastel
- Value
Keys and Values
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.catchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.neutralBright
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- KeyValue
- Badge__YDF.DecorativeVariations.calmingBright
- KeyValue
- Badge__YDF.DecorativeVariations.achromaticBright
- KeyValue
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.catchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.neutralPastel
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- KeyValue
- Badge__YDF.DecorativeVariations.calmingPastel
- KeyValue
- Badge__YDF.DecorativeVariations.achromaticPastel
- KeyValue
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.catchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- KeyValue
- Badge__YDF.DecorativeVariations.neutralBright
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- KeyValue
- Badge__YDF.DecorativeVariations.calmingBright
- KeyValue
- Badge__YDF.DecorativeVariations.achromaticBright
- KeyValue
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.catchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- KeyValue
- Badge__YDF.DecorativeVariations.neutralPastel
- KeyValue
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- KeyValue
- Badge__YDF.DecorativeVariations.calmingPastel
- KeyValue
- Badge__YDF.DecorativeVariations.achromaticPastel
- KeyValue
Long Labels
OverflowTest:ÀÇĤfhjgpjklbĜiEstosTreMalfacileEnvolverLaVicoAbcdefghijklmnopqrstuvwxyzabcdefgghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxOverflowTest:ÀÇĤfhjgpjklbĜiEstosTreMalfacileEnvolverLaVicoAbcdefghijklmnopqrstuvwxyzabcdefgghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwx
Icons, Keys and Values
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- Date2026/7/11
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- Date2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- Date2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- Date2026/7/11
Icons and Values
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
Geometric Modifiers
Pill Shape
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
Single Line
OverflowTest:ÀÇĤfhjgpjklbĜiEstosTreMalfacileEnvolverLaVicoAbcdefghijklmnopqrstuvwxyzabcdefgghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxOverflowTest:ÀÇĤfhjgpjklbĜiEstosTreMalfacileEnvolverLaVicoAbcdefghijklmnopqrstuvwxyzabcdefgghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwx
Decorative Modifiers
Borders Disguising
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticBright
- 2026/7/11
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
No Background
- Badge__YDF.Themes.regular
- Badge__YDF.GeometricVariations.regular
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
- Badge__YDF.GeometricVariations.small
- Badge__YDF.DecorativeVariations.veryCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.catchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCatchyPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.neutralPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.modestlyCalmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.calmingPastel
- 2026/7/11
- Badge__YDF.DecorativeVariations.achromaticPastel
- 2026/7/11
Loading Placeholder