IntentButton

The IntentButton is a dedicated component for sending intents. The IntentButton only works within the AppShell context.

OverviewProperties

IntentButtonProps

Signature:

export declare type IntentButtonProps = <, | > & <, | | | | | | > & { disabled?: ; };

ButtonOwnProps

extends, , , , ,

Name	Type	Default	Description
disabled?		false	If a button is disabled e.g. it cannot be interacted with.
variant?	| |	'default'	Different variants have different styles.
type?	| |	'button'	The HTML button type.
onClick?			Called when the button is interacted with.
width?	| | ..< & {}>	'content'	The width of the button.
color?	| | | |	'neutral'	The color of the button. This should be chosen based on the context the button is used in.
textAlign?	|	'center'	Controls the text alignment inside the button. Only affects the button if the width is not set to 'content'.
size?	|	'default'	The size of the button.
loading?		false	The current loading state of the button. If true, a loading icon is shown and the button is disabled.
readOnly?		false	Determines whether the element is in read-only mode.

IntentWithoutResponseProps

extends

Name	Type	Default	Description
options	<>

IntentWithResponseProps

extends

Name	Type	Default	Description
options	<>
onResponse	(response: | ) =>

IntentButton components

IntentButton.Item

Has the same properties as the IntentButton component and can also use the IntentButton.Icon component.

IntentButtonProps

Signature:

export declare type IntentButtonProps = <, | > & <, | | | | | | > & { disabled?: ; };

IntentButton.Icon

Use it to render an icon inside the IntentButton component or the IntentButton.Item component.

MenuItemIconProps

Deprecated

Use Menu.Prefix or Menu.Suffix instead. This slot will be removed in the future.

extends,

IntentButton.OpenWith

The OpenWith component renders an IntentMenu with a default label that can't be changed. Pass the payload prop for the intent.

OpenWithProps

Signature:

export declare type OpenWithProps = <, | | >;