Flux Product Docs
  • What is Flux?
  • Guides
    • Creating a Premium Video
    • Creating Your First Site
    • Creating a Countdown
    • Creating a Navigation Bar
    • Creating a Group
    • Custom 404 Page
    • Adding a Favicon to Your Site
    • Adding Videos to Your Site
    • Managing Your Guest List
    • Asset Management
    • Creating Sites from Site Templates
    • Publishing Site Versions
    • Advanced Debugging
  • Fundamentals
    • Key Concepts
    • Sites
    • Guests
    • Environments
      • Show Variables
    • Flows
      • Anatomy of a Node
      • Connecting Nodes and Building Flows
      • Passing Data
      • Scope
      • Interpolation
    • Keyboard Shortcuts
      • Keyboard Shortcuts - Page Editor
    • Animation States
    • Local Variables
    • Groups
  • Use Cases
    • For Designers
    • For Engineers
      • Custom CSS
      • Custom Modules
    • For Event Manager
      • Intercom Integration
  • Documentation
    • FAQ
    • Glossary
    • 🚀Show Controller
      • Modes
    • Domains and Subdomains
      • Hover
      • AWS Route 53
    • Premium Live Channels
    • Basic Video
    • Premium Video
      • AI Generated Subtitles
      • Supported Input Codecs and Containers
      • Supported Language Labels
      • Serverside Forensic Watermarking
    • Flow Nodes
      • Middleware
  • Modules
    • Access Code
    • Audio
    • Button
    • Carousel
    • Chat
    • Checkbox
    • Container
    • Countdown
    • Date
    • Embed
    • Image
    • Intercom
    • Link
    • Lottie
    • Page
    • Meter
    • Modal
    • Photobooth Gallery
    • Open Login
    • QR Code
    • Radio
    • Rich Text
    • Stack
    • Style
    • Spline
    • Switch
    • Text Input
    • Video
  • Template Guides
    • NatGeo FYC
      • Adding a Panel
    • Meow Wolf All Shrimps
  • 🚀Change Logs
    • July 12, 2024
    • June 08, 2024
    • April 26, 2024
    • April 12, 2024
    • March 29, 2024
    • March 15, 2024
    • March 1, 2024
    • September 2022
    • August 2022
    • July 2022
    • June 2022
Powered by GitBook
On this page
  • Overview
  • Properties
  • Nodes
  • Broadcasters
  • Listeners

Was this helpful?

  1. Modules

Button

Last updated 1 year ago

Was this helpful?

Overview

A Button module can be used for user driven clicks such as for buttons in forms and as interaction buttons around your site.

Properties

Link Url String, url Sets the url that can be passed as the behavior on button or link click. Example: 'https://www.example.com'

Button Label String Sets the label of the button.

Button Color String - Valid color string (white) or hex code (#FFFFF) Sets the color of the button background.

  • border-style

  • hidden

  • dotted

  • dashed

  • solid

  • double

  • groove

  • ridge

  • inset

  • outset

Nodes

Broadcasters

Button:on-click

Broadcast to the event system when a user button is clicked

Listeners

Button:click

Listener on button click

Button:animationState

Button animation

Parameters:

  • stateName

String Sets a ARIA label of the button to provide the element with an .

String - Valid color string (white) or hex code (#FFFFF) Overrides the default color of the text.

String Sets the font size of the button label. Example: 6px or 1em

String - Valid color string (white) or hex code (#FFFFF) Sets the color of the border.

String Defines the padding around the edge of the button. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

String - Arial Sets the font for the chat to the specified name or generic family name

String If defined, sets the button curve radius. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 5px or 25%

String Sets the button border width. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 6px or 1em

String, css property Allows for extra customization of a button's . Options include:

String Overrides the default width of the button. This property accepts lengths followed by a relative unit (em, ex, or px) or percentages. Example: 500px or 5em

Button ARIA Label
accessible name
Text Color
Font Size
Border Color
Padding
Font Family
font-family
Border Radius
Border Width
Border Style
border-style
Width
Different groups of stylized button modules