Skip to Content
🎉 Coral x Panda has been released 🎉 Read the Migration Guide

FooterCountryList

FooterCountryList is a sub-component of the Footer organism.

It is used to display a list of links to the other countries OE operates in.

Basic Usage

Note: Aria labels will be localised based on the current country

import { FooterCountryList } from '@krakentech/coral-organisms'; <FooterCountryList currentCountry="DE" />
Flagge für GroßbritannienOctopus Energy GB
Flagge für DeutschlandOctopus Energy DE
Flagge für SpanienOctopus Energy ES
Flagge für FrankreichOctopus Energy FR
Flagge für ItalienOctopus Energy IT
Flagge für JapanOctopus Energy JP
Flagge für NeuseelandOctopus Energy NZ
Flagge für die USAOctopus Energy USA

Properties

Omit

It may be that you do not want to show the current country in the list. This can be achieved by passing the omit prop.

<FooterCountryList currentCountry="DE" omit />
Flagge für GroßbritannienOctopus Energy GB
Flagge für SpanienOctopus Energy ES
Flagge für FrankreichOctopus Energy FR
Flagge für ItalienOctopus Energy IT
Flagge für JapanOctopus Energy JP
Flagge für NeuseelandOctopus Energy NZ
Flagge für die USAOctopus Energy USA

Full API

NameTypeDefault
currentCountryCountry

Provide the current country to set translation and optionally remove it from the list.

omitboolean

If true, the current country will be omitted from the list.

Last updated on