@infini-soft/hooks-theme v0.0.14

Getting started

React hook Theme Configurator. Live theme configuration WYSWYG.

🔥 Try it Live

Sample micro app Demo

✨ Features

• React Hook
• Idiomatic Theming Configurator and override
• Extensible with any design system
• No dependency
• Small < 20k
• Antd overrides by default
• Typescript / Javascript

📚 Documentation

Get all documentations, examples and execute it directly from our website, the ☕ kitchen! Come cook software :) https://www.kitchen.infini-soft.com/hooks/theme

📦 Install

$ npm install @infini-soft/hooks-theme --save
# or
$ yarn add @infini-soft/hooks-theme

🔨 Example

import React from 'react';
import { defaultTheme, LiveConfig, useTheme } from '@infini-soft/hooks-theme';

export default () => {
  const { liveTheme, theme, activeTokens, toggleTheme, ThemeSwitch } =
    useTheme();
  return (
    <>
      <LiveConfig
        activeTokens={activeTokens ?? defaultTheme.dark}
        toggleTheme={toggleTheme}
        ThemeSwitch={ThemeSwitch}
        theme={theme}
      />
      <h1>Hello useTheme</h1>
      <h2>Title 2</h2>

      <button>Button</button>
    </>
  );
};

Powered 🚀 by Infinisoft Inc. Wanna cook the future? Come in the kitchen https://www.kitchen.infini-soft.com