useThemeStore

Documentation / @elitechart/elitechart / useThemeStore

code

const useThemeStore: UseBoundStore<WithPersist<StoreApi<ThemeState>, unknown>>;

Defined in: elitechart/src/lib/store/useThemeStore.ts:51

Theme-overrides zustand store. Color overrides are session-only; only gridVisible is persisted. The chart host watches this store and patches the underlying chart on every change.

Example

code

import { useThemeStore } from '@elitechart/elitechart';

function GridToggle() {
  const visible = useThemeStore((s) => s.gridVisible);
  const set = useThemeStore((s) => s.setGridVisible);
  return (
    <button onClick={() => set(!visible)}>
      {visible ? 'Hide grid' : 'Show grid'}
    </button>
  );
}