There is a “ternary operator” in elixir, it’s the if macro itself:

if true, do: "True!", else: "False!"

In heex, you can do any of these

<div class={["btn", @active && "btn-active", @disabled && "btn-disabled"]}>

<div class={["btn", if(@active, do: "btn-active", else: "btn-inactive")]}>

<div class={["btn", {"btn-active", @active}, {"btn-disabled", @disabled}]}>

TIL the {class, conditional} form exists. Will use that more in future.

i knew i asked a dumb question but seeing the replies, im so glad i asked.

<div class={["btn", {"btn-active", @active}, {"btn-disabled", @disabled}]}> this is so good