Configuration

There are a few ways to start using Animus depending on your need:

Zero Config - Inherit all system props and scale definitions
Extension - Add to or overwrite animus groups with your own
Custom Config - Build your own animus instance from scratch

Zero Config

import { animus } from '@animus-ui/core';

const Box = animus
  .groups({
    layout: true,
    border: true,
    space: true,
  })
  .asElement('div');

Extend the default config

import { config } from '@animus-ui/core';

const animus = config
  .addGroup('custom', {
    widows: {
      property: 'widows',
    },
  })
  .build();

Creating your own Animus instance

import { createAnimus } from '@animus-ui/core';

const animus = createAnimus()
  .addGroup('layout', {
    width: { property: 'width' },
    height: { property: 'height' },
    display: { property: 'display' },
  })
  .build();