Get Started

Basis AI

Foundations

Components

Patterns

Bulk Editing

Customize Columns

Data Visualization

Disabled Buttons

Document Preview

Error Handling

Forms

Import

Page Header

Saved Views

Search

Selection Controls

Truncation

Content Design

Search docs…

Search docs…

Get Started

Basis AI

Foundations

Components

Patterns

Content Design

In Progress

Customize Columns

Code

Anatomy

  1. Modal

  2. Tabs Stacked: Navigated between column categories

  3. Dynamic Search: Search column keywords

  4. Checkboxes: Select and deselected available comuns

  5. Draggable List: Organize selected columns

Variants

Default

Medium

More

Related Pages

Badge

Draggable List

A sortable list that lets people rearrange items through direct manipulation. Drag handles make reorderable content easy to recognize, while the list preserves clear item structure and feedback throughout the interaction.

Ready

Modal

Modals display required decisions, critical information or important tasks. Modals allow users to view and interact with content without navigating away from the page below the Modal.

Ready

Tabs

Tabs are used to group related content at the same hierarchical level. They allow the user to be able to alternate between views within the same context.

Additional Reading

Previous

Bulk Editing

Next

Data Visualization

Previous

Bulk Editing

Next

Data Visualization

© 2026 Basis Technologies

Slack

© 2026 Basis Technologies

Slack

© 2026 Basis Technologies

Slack