pages._explore-components-interaction-languageswitcher.title
pages._explore.sections.basic-usage.title
de
html
<LanguageSwitcher />typescript
<script setup lang="ts">
// The LanguageSwitcher automatically uses available locales
// from the i18n configuration and current locale state
</script>pages._explore.sections.complex-usage.title
de
html
<LanguageSwitcher
:position="BaseDropdownOpeningPositions.TOP"
:content-offset="16"
:open-on-hover="true"
/>typescript
<script setup lang="ts">
import { BaseDropdownOpeningPositions } from '#core-types/components/base/base-dropdown'
// Complex usage with custom positioning and hover behavior
</script>Dropdown Positions
Top:
de
Left:
de
Right:
de
Bottom (default):
de
html
<!-- Bottom position (default) -->
<LanguageSwitcher :position="BaseDropdownOpeningPositions.BOTTOM" />
<!-- Top position -->
<LanguageSwitcher :position="BaseDropdownOpeningPositions.TOP" />
<!-- Left position -->
<LanguageSwitcher :position="BaseDropdownOpeningPositions.LEFT" />
<!-- Right position -->
<LanguageSwitcher :position="BaseDropdownOpeningPositions.RIGHT" />typescript
<script setup lang="ts">
import { BaseDropdownOpeningPositions } from '#core-types/components/base/base-dropdown'
</script>pages._explore.sections.props.title
Prop | Default | Type |
|---|---|---|
| position | BaseDropdownOpeningPositions.BOTTOM | BaseDropdownOpeningPositions |
| contentOffset | 12 | number |
| openOnHover | false | boolean |
pages._explore.sections.types.title
Name | Type | Options |
|---|---|---|
| BaseDropdownOpeningPositions | enum | TOP | BOTTOM | LEFT | RIGHT |