Text on the switch button

I am trying to add a switch component to my web-app.
Something like a toggle switch with text on either toggle button.

Like this:

How can I achieve this in Retool?

Hi @virajrathod,

Thanks for reaching out! Unfortunately, we don't support text overlay on the switch component yet, but I can make a feature request

You could make a custom component for this in the meantime

I used this example to get started, but there's probably a lot of external examples you could use - as long as they're html or react :blush:

1 Like

Hi @Tess , how can I use this switch component in my data table as a column, I make this as a custom component so how can I render this in each row?

Thanks in advance..!!

Hi @Raj_Shah The table doesn't have a switch column type yet & currently, you cannot add other components to the table. The closest would be the boolean column type.

If the boolean won't work, I'd recommend using a list view instead so that you can add any component type :slightly_smiling_face: