{pointerType ? `You are pressing the Button with a ${pointerType}!` : "Clicked, press, or keyboard interact with Button."}
); } ``` ### PressEvent Props | Property | Type | Description | | --- | --- | --- | | type | `'pressstart'` \ | `'pressend'` \ | `'pressup'` \ | `'press'` | The type of press event being fired. | | pointerType | PointerType | The pointer type that triggered the press event. | | target | Element | The target element of the press event. | | shiftKey | boolean | Whether the shift keyboard modifier was held during the press event. | | ctrlKey | boolean | Whether the ctrl keyboard modifier was held during the press event. | | metaKey | boolean | Whether the meta keyboard modifier was held during the press event. | | altKey | boolean | Whether the alt keyboard modifier was held during the press event. | | x | number | X position relative to the target. | | y | number | Y position relative to the target. | ### PressEvent Methods | Method | Description | | --- | --- | | continuePropagation(): void | By default, press events stop propagation to parent elements. In cases where a handler decides not to handle a specific event, it can allow propagation. | ## Examples ### Color ```jsx ``` ### Variant ```jsx <> ``` ### Size ```jsx <> ``` ### Leading & Trailing Icon To render an icon inside of the `Button` component, pass the icon as a child along with the label. ```jsx