Adding Toggle Buttons, Input Boxes, and Dropdowns in Alpha Table Component

[dhishon]

Hi Team,

In Alpha, how can I build this UI?
Specifically, how can I add toggle buttons, input boxes, and dropdowns inside a table component?

I’m attaching the UI image for reference.

Thanks!

@Eldho

[Shamnad_KS]

Hi @dhishon

Currently, the Alpha Table component does not natively support embedding checkboxes, dropdowns, or toggle buttons directly within table rows. However, you can achieve similar functionality in the following ways:

1. Using Actions and Dialogs: You can add an action to the table row that opens a dialog. Inside the dialog, you can include input fields, toggles, or dropdowns as needed and handle the logic there.
2. Creating a Custom Web Component: You can build a custom web component (e.g., a table with embedded controls) tailored to your requirements and publish it to the Alpha Marketplace. If you’re using Alpha Sandbox, you can explore existing custom components—there may already be a table implementation with checkboxes or similar features available.

To help you get started, here’s a link: Create custom web component ( how to create and publish custom components using Alpha CLI.)

Let me know if you need any help with this.

Shamnad