@dbp-toolkit/language-select

Language Select Web Component

You can install this component via npm:

npm i @dbp-toolkit/language-select

Usage

<dbp-language-select></dbp-language-select>
<script
    type="module"
    src="node_modules/@dbp-toolkit/language-select/dist/dbp-language-select.js"></script>

Or directly via CDN:

<dbp-language-select></dbp-language-select>
<script
    type="module"
    src="https://unpkg.com/@dbp-toolkit/language-select@0.2.2/dist/dbp-language-select.js"></script>

Attributes

• lang (optional, default: de): set to de or en for German or English (note that it will be shown the other way around to make it easier to switch to a different language)
  • example <dbp-language-select lang="de"></dbp-language-select>

Emitted attributes

The component emits dbp-set-property events for these attributes:

• lang to propagate a language change (possible values en, de)

Local development

# get the source
git clone git@github.com:digital-blueprint/toolkit.git
cd toolkit/packages/language-select

# install dependencies
npm install

# constantly build dist/bundle.js and run a local web-server on port 8002
npm run watch-local

# build local packages in dist directory
npm run build