useTheme

@hua-labs/ui

설치

bash

npm install @hua-labs/hua

Import

tsx

import { useTheme } from "@hua-labs/hua/framework";

@hua-labs/motion-core의 모션 훅을 @hua-labs/hua/framework에서 통합 제공합니다.

UI 컴포넌트, 모션 훅, i18n을 하나의 패키지로 사용할 수 있습니다.

기본 사용법

tsx

import { useTheme } from '@hua-labs/ui';

const { theme, toggleTheme, resolvedTheme } = useTheme();

return (
  <button onClick={toggleTheme}>
    Current: {resolvedTheme}
  </button>
);

API 레퍼런스

반환값

이름	타입	설명
theme	string	docs:hooks.use-theme.returns.theme
setTheme	(theme: string) => void	docs:hooks.use-theme.returns.setTheme
resolvedTheme	string	docs:hooks.use-theme.returns.resolvedTheme
toggleTheme	() => void	docs:hooks.use-theme.returns.toggleTheme

사용 사례

useToast useFormValidation