Flagpack

Flagpack provides 4x3 country flags as Phoenix.Component. Based on flagpack.xyz.

The generation of the flags is inspired by heroicons_elixir.

Installation

The package can be installed by adding flagpack to your list of dependencies in mix.exs:

def deps do
  [
    {:flagpack, "~> 0.6.0"}
  ]
end

Usage

Each component accepts an optional class attribute in order to be able to add extra classes to the component.

<Flagpack.usa />
<Flagpack.usa id="my-flag" />
<Flagpack.usa class="size-5" />

You may use the Flagpack.flag/1 function and pass a flag name. This can be useful when you want to generate the flag name dynamically.

<Flagpack.flag name={:usa} />
<Flagpack.flag name={:usa} id="my-flag" />
<Flagpack.flag name={:usa} class="size-5" />

For additional information and list of all flags see the docs.

Naming

The name of a function for a flag is the country's three letter code (ISO 3166-1 alpha-3) in lowercase. You may search for flags here https://flagpack.xyz/docs/flag-index/.

For Andorra we use the country's two letter code (ISO 3166-1 alpha-2) ad, because we are not able to name the function and.