Skip to content

v1.6.0

Choose a tag to compare

@MohmmedAshraf MohmmedAshraf released this 13 Feb 17:41
· 5 commits to main since this release

What's New

Circle & Flat Flag Variants

The package now ships with three flag styles — 1,759 flags total:

Variant Component Countries Languages
Default (rounded) <x-flag-country-us /> 264 281
Circle <x-flag-circle-country-us /> 405 275
Flat (4:3) <x-flag-flat-country-us /> 270 264

Language Flag Overrides

Override default language-to-country mappings via config:

// config/blade-flags.php
'language_overrides' => [
    'ar' => ['default' => 'sa'],
    'en' => ['default' => 'us'],
],

JavaScript Packages

The same flags are now available as npm packages for Vue, React, and vanilla JS:

  • @blade-flags/core — SVG strings as tree-shakeable JS modules
  • @blade-flags/vue<Flag> component for Vue 3
  • @blade-flags/react<Flag> component for React 18+
npm install @blade-flags/core @blade-flags/vue

Full Changelog: 1.5.4...1.6.0