Skip to main content

Interface: StandardButtonProperties

Defined in: shared/types/componentProps.ts:317

Button-specific properties combining common patterns.

Remarks​

This interface combines the most common props needed for button components, serving as a standard template.

Extends​

Properties​

children?​

readonly optional children: ReactNode

Defined in: shared/types/componentProps.ts:36

Component content (text, elements, or other components)

Inherited from​

CoreComponentProperties.children

className?​

readonly optional className: string

Defined in: shared/types/componentProps.ts:38

Additional CSS classes for styling customization

Inherited from​

CoreComponentProperties.className

disabled?​

readonly optional disabled: boolean

Defined in: shared/types/componentProps.ts:40

Whether the component is disabled and non-interactive

Inherited from​

CoreComponentProperties.disabled

aria-describedby?​

readonly optional aria-describedby: string

Defined in: shared/types/componentProps.ts:54

ARIA described-by reference for additional descriptions

Inherited from​

AccessibilityProperties.aria-describedby

aria-label?​

readonly optional aria-label: string

Defined in: shared/types/componentProps.ts:56

ARIA label for screen readers

Inherited from​

AccessibilityProperties.aria-label

aria-labelledby?​

readonly optional aria-labelledby: string

Defined in: shared/types/componentProps.ts:58

ARIA labelledby reference for complex labeling

Inherited from​

AccessibilityProperties.aria-labelledby

aria-level?​

readonly optional aria-level: number

Defined in: shared/types/componentProps.ts:60

ARIA heading level for elements using role="heading"

Inherited from​

AccessibilityProperties.aria-level

role?​

readonly optional role: string

Defined in: shared/types/componentProps.ts:62

Role attribute for semantic meaning

Inherited from​

AccessibilityProperties.role

tabIndex?​

readonly optional tabIndex: number

Defined in: shared/types/componentProps.ts:64

Tab index for keyboard navigation

Inherited from​

AccessibilityProperties.tabIndex

fullWidth?​

readonly optional fullWidth: boolean

Defined in: shared/types/componentProps.ts:98

Whether component should take full width of its container

Inherited from​

StylingProperties.fullWidth

size?​

readonly optional size: ComponentSize

Defined in: shared/types/componentProps.ts:100

Size variant for the component

Inherited from​

StylingProperties.size

style?​

readonly optional style: CSSProperties

Defined in: shared/types/componentProps.ts:102

Inline styles to apply (use sparingly)

Inherited from​

StylingProperties.style

variant?​

readonly optional variant: ComponentVariant

Defined in: shared/types/componentProps.ts:104

Visual variant for component theming

Inherited from​

StylingProperties.variant

active?​

readonly optional active: boolean

Defined in: shared/types/componentProps.ts:118

Whether the component is in an active state

Inherited from​

StateProperties.active

loading?​

readonly optional loading: boolean

Defined in: shared/types/componentProps.ts:120

Whether the component is in a loading state

Inherited from​

StateProperties.loading

selected?​

readonly optional selected: boolean

Defined in: shared/types/componentProps.ts:122

Whether the component is selected

Inherited from​

StateProperties.selected

icon?​

readonly optional icon: ReactNode

Defined in: shared/types/componentProps.ts:160

Icon element to display

Inherited from​

IconProperties.icon

iconColor?​

readonly optional iconColor: string

Defined in: shared/types/componentProps.ts:162

Color theme for the icon

Inherited from​

IconProperties.iconColor

iconOnly?​

readonly optional iconOnly: boolean

Defined in: shared/types/componentProps.ts:164

Whether to show only the icon (hide text content)

Inherited from​

IconProperties.iconOnly

iconPosition?​

readonly optional iconPosition: "left" | "right"

Defined in: shared/types/componentProps.ts:166

Position of the icon relative to content

Inherited from​

IconProperties.iconPosition

onClick?​

readonly optional onClick: ClickHandler

Defined in: shared/types/componentProps.ts:325

Click handler for button interactions

title?​

readonly optional title: string

Defined in: shared/types/componentProps.ts:327

Tooltip text for hover states

type?​

readonly optional type: "button" | "reset" | "submit"

Defined in: shared/types/componentProps.ts:329

HTML button type