Balance Logo
Balance
Reckon Design System

Config Menu

Config menus are contextual overlays, allowing the user to toggle configuration values on or off.
Install
pnpm add @reckon-web/config-menu
Import usage
import {
ConfigMenu,
ConfigMenuGroup
} from '@reckon-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.

Open in Playroom

Reordering

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

Groups

A single config menu may contain multiple config groups.

Table integration

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

Employee
Email address
Phone number
L
Lando Norris
lando@reckon.com
0400123456
D
Daniel Ricciardo
dan@reckon.com
0401234567
D
Don Matingly
don@reckon.com
0401234567
S
Some Body
some@reckon.com
0401234567
Copyright © 2021 Reckon. Designed and developed in partnership with Thinkmill.