Agora Design System
  • Create, Collaborate, Cultivate.
  • INTRODUCTION
    • Design Philosophy
    • Accessibility
  • Guidelines
    • Logos
    • Colors
      • Anatomy of Color
    • Typography
    • Legibility and Readability
    • Icons
    • Content
      • Content Examples
      • What to Avoid
    • Imagery
    • Layout
  • Tokens
    • Colors
    • Icons
    • Buttons
    • Layout
  • More...
Powered by GitBook
On this page
  • Toggle Buttons
  • Large Buttons
  • Default
  • Primary
  • Disabled
  1. Tokens

Buttons

PreviousIconsNextLayout

Last updated 1 year ago

Toggle Buttons

ToggleButton(
foregroundColor: Color("blackLD"),
backgroundColor: Color("lightGreyLD"),
iconName: "name=eye, size=small, outlined=no",
size: 18
)
CustomBackButton()

CustomXButton()

Large Buttons

Default

LargeButton(state: .default, action: {
                print("Default Button Tapped")
            }) {
                Text("Default")
            }

Primary

LargeButton(state: .primary, action: {
                print("Primary Button Tapped")
            }) {
                Text("Primary")
            }

Disabled

LargeButton(state: .disabled, action: {
                print("Disabled Button Tapped")
            }) {
                Text("Disabled")
            }