2.1.0 • Published 8 days ago
@imwebme/clay-stylesheet v2.1.0
@imwebme/clay-stylesheet
설치
npm install @imwebme/clay-stylesheet
yarn add @imwebme/clay-stylesheet
pnpm add @imwebme/clay-stylesheet
가이드
주요 렌더링 경로에 배치합니다.
SPA 의 경우 -> index.tsx Next.js의 경우 (page dir) -> _app.tsx Next.js의 경우 (app dir) -> app/layout.tsx
import "@imwebme/clay-stylesheet";
루트 엘리먼트() 초기화
clay 에서 제공하는 속성은 사용하기 전에 명시적인 초기화가 필요합니다.
페이지 루트 요소에 data-clay-theme
어트리뷰트를 지정합니다.
예시 (HTML, SPA react)
<html lang="ko" data-clay-theme="light-only">
<head>
<meta name="color-scheme" content="light" />
</head>
<body>
<!-- your script -->
</body>
</html>
예시 (Nextjs > page dir)
<Html lang="ko" data-clay-theme="light-only">
<Head>
<meta name="color-scheme" content="light" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
예시 (Nextjs > app dir)
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="ko" data-clay-theme="light-only">
<head>
<meta name="color-scheme" content="light" />
</head>
<body>{children}</body>
</html>
);
}
2.1.0
8 days ago
2.0.4
10 days ago
2.0.3
11 days ago
2.0.2
14 days ago
2.0.1
14 days ago
2.0.0
15 days ago
1.0.29
1 month ago
1.0.28
1 month ago
1.0.27
2 months ago
1.0.26
2 months ago
1.0.25
4 months ago
1.0.24
4 months ago
1.0.22
5 months ago
1.0.23
5 months ago
1.0.21
5 months ago
1.0.20
5 months ago
1.0.19
5 months ago
1.0.18
5 months ago
1.0.17
5 months ago
1.0.16
6 months ago
1.0.15
6 months ago
1.0.14
6 months ago
1.0.13
6 months ago
1.0.12
7 months ago
1.0.11
7 months ago
1.0.10
7 months ago
1.0.9
7 months ago
1.0.8
7 months ago
1.0.7
8 months ago
1.0.6
8 months ago
1.0.5
8 months ago
1.0.4
8 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
8 months ago
1.0.0
8 months ago