Locale Provider

Locale Provider (로케일 프로바이더)

앱 전역에서 로케일을 설정하는 컴포넌트예요. 날짜·숫자 등 로케일에 따라 달라지는 데이터 형식을 지정해요.

출처: 문서

LocaleProvider 컴포넌트는 앱의 로케일을 설정해 날짜, 숫자, 그 밖의 로케일별 데이터를 형식화해요.

대부분의 Chakra UI 컴포넌트는 LocaleProvider가 설정한 로케일을 읽어요.

import { LocaleProvider, useLocaleContext } from "@chakra-ui/react"

<LocaleProvider locale="...">{/* Your App */}</LocaleProvider>

사용할 로케일을 locale prop으로 설정해요.

<LocaleProvider locale="ar-BH">
  <Component />
</LocaleProvider>

export const Usage = () => {
  const { locale, dir } = useLocaleContext()
  return <pre>{JSON.stringify({ locale, dir }, null, 2)}</pre>
}

Locale 컴포넌트의 LocaleProvider 부분에 대한 prop 테이블 (대화형 문서 참고).