In-Line Button

gux-button

This custom component is a simple button having some styling on it. You can choose between two type (secondary and primary).

Properties

Property Attribute Description Type Default
accent accent "copilot" | "danger" | "ghost" | "inline" | "primary" | "secondary" | "tertiary" 'secondary'
autofocus autofocus boolean false
disabled disabled Indicate if the button is disabled or not boolean false
guxTitle gux-title The component title string undefined
type type The component button type "button" | "reset" | "submit" 'button'

Slots

Slot Description
content

Dependencies

Used by

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-button --> gux-tooltip-beta
                                                  gux-tooltip-beta --> gux-tooltip-base-beta
                                                  gux-pagination-ellipsis-button --> gux-button
                                                  gux-rating --> gux-button
                                                  gux-rich-text-editor-action-link --> gux-button
                                                  style gux-button fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS