IntentButton

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

OverviewPropertiesAccessibility

New

IntentButtonProps

Signature:

export declare type IntentButtonProps = <, | > & <, | | | | | | | > & & { /** * Enable the three dot menu for additional intents. * This menu includes a fallback "Open with..." entry for cases where specific intents are unavailable. * @defaultValue true */ showMenu?: ; };

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.

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 = <, | > & <, | | | | | | | > & & { /** * Enable the three dot menu for additional intents. * This menu includes a fallback "Open with..." entry for cases where specific intents are unavailable. * @defaultValue true */ showMenu?: ; };

IntentButton.Icon

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

Prop Table did not receive data

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 = <, | | > & ;