Skip to content

Variable: numberAdapter

const numberAdapter: InitializedAdapter<number, Selectors<number>, { add: (n, n2) => number; decrement: (n) => number; divide: (n, n2) => number; increment: (n) => number; max: (n, n2) => number; min: (n, n2) => number; multiply: (n, n2) => number; pow: (n, pow) => number; sqrt: (n) => number; subtract: (n, n2) => number; }>

Defined in: adapters/src/lib/number.adapter.ts:42

Common reactions for number state, including arithmetic helpers.

Usage with React

tsx
import { useAdapt } from '@state-adapt/react';
import { numberAdapter } from '@state-adapt/core/adapters';

export function Counter() {
  const [count, actions] = useAdapt(0, numberAdapter);

  return (
    <button onClick={() => actions.increment()}>
      Count: {count.state}
    </button>
  );
}

Usage with Angular

angular-ts
import { Component } from '@angular/core';
import { adapt } from '@state-adapt/angular';
import { numberAdapter } from '@state-adapt/core/adapters';

@Component({
  standalone: true,
  selector: 'app-counter',
  template: `
    <button (click)="count.increment()">Count: {{ count() }}</button>
  `,
})
export class CounterComponent {
  count = adapt(0, numberAdapter);
}