Overview

ds-controls is a control bar component, typically used above a ds-datatable to group sets of ds-button-bars.

Options

Basic usage

At at simplest, ds-controls expects a single div which contains the required button.

Multiple ds-controls will automatically include a dotted rule to separate the items visually.

If ds-controls contains more than one child element - they are spaced apart:

ds-button-bar can be used as child element to have groups of controls:

Examples

Above ds-datatables the following contents/order is recommended.

Manifest

The component manifest describes this component's API — its modifiers, structure, data attributes, CSS custom properties, accessibility notes, and example markup. It is consumed by tooling such as AI assistants and code generators.

Latest version: https://assets.soracom.io/sds/latest/ds-controls/index.mjs