Balance Logo
Balance
Reckon Design System
Open playroom

Config Menu

Config menus are contextual overlays, allowing the user to toggle configuration values on or off.
Install
pnpm add @balance-web/config-menu
Import usage
import {
ConfigMenu,
ConfigMenuGroup
} from '@balance-web/config-menu';
  • Code
  • API

The ConfigMenu allows users to interact with a portion of your app's configuration, typically data tables. The user may turn config on/off, and optionally reorder config options.

Usage

Toggles

The most common usage is toggling values on or off.

Edit in Playroom

Reordering

Provide an onReorder handler to enable drag handles on the config options.

Groups

A single config menu may contain multiple groups.

Table integration

Below is an example implementation of how you might hook up the config menu to a data table.

Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo