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.