@lotte-innovate/ui-component-test 0.0.157 → 0.0.158

package/README.md

@@ -38,15 +38,15 @@
 
 프로젝트 App 진입 파일에 다음 줄을 추가해줍니다.
 
-```
-  import '@lotte-innovate/lui/dist/globals.css';
+```javascript
+import '@lotte-innovate/lui/dist/globals.css';
 ```
 
 ## Usage
 
 React 프로젝트에서 컴포넌트를 사용하는 방법에 대한 예시입니다.
 
-```javascript
+```tsx
 import React from 'react';
 import { Button } from '@lotte-innovate/lui';
 
@@ -63,7 +63,7 @@ export default App;
 
 컴포넌트에서 아이콘을 사용하려면, 다음과 같은 방법으로 아이콘을 가져올 수 있습니다.
 
-```javascript
+```tsx
 import React from 'react';
 import { IconButton } from '@lotte-innovate/lui';
 import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
@@ -140,7 +140,7 @@ L-UI는 테마 컨텍스트를 제공하여 `Color`, `Radius`, `Scaling`, `Weigh
 
 > Next.js와 같은 프레임워크를 사용하는 프로젝트에서 사용 예시
 
-```javascript
+```tsx
 import { LuiThemeProvider } from '@lotte-innovate/lui';
 
 export default function RootLayout({
@@ -156,12 +156,11 @@ export default function RootLayout({
     </html>
   );
 }
-
 ```
 
 > 클라이언트 사이드 프로젝트에서 사용 예시
 
-```javascript
+```tsx
 import { LuiThemeProvider } from '@lotte-innovate/lui';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
@@ -176,7 +175,7 @@ root.render(
 
 `useTheme`훅은 현재 테마와 테마를 업데이트할 수 있는 함수를 제공합니다.
 
-```javascript
+```tsx
 import { useTheme, Button } from '@lotte-innovate/lui';
 
 const ThemeChanger = () => {
@@ -201,7 +200,7 @@ const ThemeChanger = () => {
 
 테마가 적용되었지만 일부 컴포넌트는 스타일을 다르게 하고 싶은 경우, 각 컴포넌트에 직접 Props를 전달하여 스타일을 재정의할 수 있습니다.
 
-```javascript
+```tsx
 import { useTheme, Button } from '@lotte-innovate/lui';
 
 const ThemeChanger = () => {