Toggle button

That seems to be one of the components they keep for behind-the-hood use within the Appian UI itself (though in this case i'm not sure why).  However you could definitely build a component that does something similar in functionality (minus any cool animations anyway), using a Rich Text Display Field containing a Rich Text Icon using the "toggle-on" / "toggle-off" icons.

a!localVariables(
  local!value: "on",
  
  a!richTextDisplayField(
    value: {
      a!richTextItem(
        size: "MEDIUM_PLUS",
        text: {
          a!richTextIcon(
            icon: "toggle-on",
            showWhen: local!value = "on",
            link: a!dynamicLink(
              saveInto: {
                a!save(local!value, "off")
              }
            ),
            linkStyle: "STANDALONE"
          ),
          a!richTextIcon(
            icon: "toggle-off",
            showWhen: local!value = "off",
            link: a!dynamicLink(
              saveInto: {
                a!save(local!value, "on")
              }
            ),
            linkStyle: "STANDALONE"
          )
        }
      )
    }
  )
)

a!localVariables(
  local!value: true,
  a!richTextDisplayField(
    value: {
      a!richTextItem(
        size: "MEDIUM_PLUS",
        text: {
          a!richTextIcon(
            icon: "toggle-on",
            showWhen: local!value = true,
            link: a!dynamicLink(
              saveInto: {
                a!save(local!value, false)
              }
            ),
            linkStyle: "STANDALONE"
          ),
          a!richTextIcon(
            icon: "toggle-off",
            showWhen: local!value =false,
            link: a!dynamicLink(
              saveInto: {
                a!save(local!value,true)
              }
            ),
            linkStyle: "STANDALONE"
          )
        }
      )
    }
  )
)

Hi, you can use Rich Text Display Field containing a Rich Text Icon using the "toggle-on" / "toggle-off" icons. And on links use dynamic link to update the variable value.

Agree with all the comments. It will be lot more easier if Appian comes up with these kind of basic component library.

a!localVariables(
local!a:true,
a!cardLayout(
contents:{
a!richTextDisplayField(
value:a!richTextIcon(
icon: "toggle-off",
color:"ACCENT",
size:"MEDIUM_PLUS",
link: a!dynamicLink(
saveInto: a!save(local!a,false)
),
linkStyle: "STANDALONE"
),
showWhen:toboolean(local!a)
),
a!richTextDisplayField(
value:a!richTextIcon(
icon: "toggle-on",
color:"ACCENT",
size:"MEDIUM_PLUS",
link: a!dynamicLink(
saveInto: a!save(local!a,true)
),
linkStyle: "STANDALONE"
),
showWhen:toboolean( local!a)= false
),
}
)

)

use this code for toggle button