Action Button

Action Buttons let users select an option in a menu of multiple options without executing it immediately.

Status

The status of the component

Ready for use!

Repository

A link to the repo where the component lives.

Open link

gux-action-button

Properties

Property	Attribute	Description	Type	Default
accent	accent		"danger" \| "primary" \| "secondary" \| "tertiary"	'secondary'
disabled	disabled	Disables the action button.	boolean	false
isOpen	is-open	It is used to open or not the list.	boolean	false
type	type	The component button type	"button" \| "reset" \| "submit"	'button'

Events

Event	Description	Type
actionClick	Triggered when the action button is clicked	CustomEvent<any>
close	Triggered when the menu is close	CustomEvent<any>
open	Triggered when the menu is open	CustomEvent<any>

Slots

Slot	Description
"title"	slot for icon and button text

Dependencies

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-action-button --> gux-popup
                                                  gux-action-button --> gux-button-slot
                                                  gux-action-button --> gux-icon
                                                  gux-action-button --> gux-list
                                                  style gux-action-button fill:#f9f,stroke:#333,stroke-width:4px

Action Button

Component checklist