IntentButton
The IntentButton
is a dedicated component for sending
intents. The IntentButton
only works within the AppShell context.
IntentButtonProps
Signature:
export declare type IntentButtonProps = <, | > & <, | | | | | | > & {
disabled?: ;
};
ButtonOwnProps
, , , , ,
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
Name | Type | Default | Description |
---|---|---|---|
options | <> | - |
IntentWithResponseProps
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
,
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 = <, | | >;