Skip to main content

    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

    extends, , , , ,
    NameTypeDefaultDescription
    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
    NameTypeDefaultDescription
    options
    <>
    -

    IntentWithResponseProps

    extends
    NameTypeDefaultDescription
    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

    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 = <, | | >;
    Still have questions?
    Find answers in the Dynatrace Community