MaterialUIKit
Github
  • MaterialUIKit
  • Essentials
    • Configuring and Personalizing
    • Defining a Custom Color Schemes
  • Configuration and Color Schemes
    • MUIKitConfiguration
    • MUIKitColorScheme
  • Components
    • Action Button
      • ActionButtonStyle
    • Checkbox
    • Collection
      • CollectionStyle
    • Container
    • Date Selector
    • Dialog
    • Dialog Sheet
    • Dropdown Menu
      • Dropdown Menu Label
    • FAB
    • Icon Button
      • IconButtonStyle
    • Navigation Container
      • NavigationContainerHeaderStyle
      • Navigation Route
      • Navigation Route Label
    • Progress Bar
    • Radio Buttons Group
    • Search Box
    • Secure Text Box
    • Segmented Buttons
    • Separator
      • SeparatorOrientationStyle
    • Snackbar
    • Switch
    • Time Selector
    • Text Box
    • Tab Bar
      • TabBar Item
Powered by GitBook
On this page
  • Overview
  • Enumeration Cases
  1. Components
  2. Action Button

ActionButtonStyle

An enum representing different button styles for the ActionButton.

Overview

ActionButtonStyle defines the appearance of the Action Button. Each style represents a distinct visual design for the button based on Material Design, allowing you to choose the appropriate look based on your UI needs.

Enumeration Cases

Style
Description

elevated

Provides a button with a shadowed, elevated background and rounded corners.

filled

Offers a button with a solid, filled background and rounded corners.

tonal

Features a button with a subtle tonal background and rounded corners.

outline

Displays a button with a bordered outline and rounded corners.

text

A text-only button without any background, for minimalistic designs.

elevatedStretched

An elevated button that occupies the full available width, providing a prominent appearance.

filledStretched

A filled button that stretches across the full width of its container, for strong emphasis.

tonalStretched

A tonal button that spans the full width, balancing prominence with subtlety.

outlineStretched

An outlined button that extends to the full width, combining an outline with an expansive layout.

PreviousAction ButtonNextCheckbox

Last updated 10 months ago