import { LocaleProvider } from '@skeletonlabs/skeleton-react';
export default function App() {
return <LocaleProvider locale="en-US">{/* your app */}</LocaleProvider>;
}<script lang="ts">
import { LocaleProvider } from '@skeletonlabs/skeleton-svelte';
</script>
<LocaleProvider locale="en-US">
<!-- your app -->
</LocaleProvider>Anatomy
Here’s an overview of how the LocaleProvider component is structured in code:
import { LocaleProvider } from '@skeletonlabs/skeleton-react';
export default function Anatomy() {
return <LocaleProvider></LocaleProvider>;
}<script lang="ts">
import { LocaleProvider } from '@skeletonlabs/skeleton-svelte';
</script>
<LocaleProvider></LocaleProvider>API Reference
Root
| Prop | Default | Type |
|---|---|---|
locale | 'en-US' | string The locale to use for the application. |
children | — | ReactNode |
Context
| Prop | Default | Type |
|---|---|---|
children | — | (locale: Locale) => ReactNode |
Root
| Prop | Default | Type |
|---|---|---|
locale | 'en-US' | string The locale to use for the application. |
children | — | Snippet<[]> | undefined The default slot content to be rendered within the component. |
Context
| Prop | Default | Type |
|---|---|---|
children | — | Snippet<[any]> |