IntentButton

The IntentButton is a dedicated button component for sending intents. It takes care of opening the intent dialog. An IntentButton only works in the AppShell context.

Import

import { IntentButton } from '@dynatrace/strato-components-preview/buttons';

Use cases

CodeSandbox

Send an intent

Use the payload prop to assign an intent payload object to the button.

CodeSandbox

Icon only

Use the iconOnly prop to create an icon-only representation of the IntentButton.

CodeSandbox

Recommend app

Providing an existent appId and intentId allows you to bypass the "Open with" dialog and open the app directly. If you provide a non-existent appId, the app shell will open the "Open with" dialog, allowing users to select a different app.

CodeSandbox

Props

IntentButtonProps

Signature:

export declare type IntentButtonProps = & ;

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.