---
title: pos.cart.line-item-details.action.menu-item.render
description: >-
  Renders a single interactive button component as a menu item in the cart line
  item action menu. Use this target for item-specific operations like applying
  discounts, adding custom properties, or launching verification workflows for
  individual cart items.


  Extensions at this target can access detailed line item information including
  title, quantity, price, discounts, properties, and product metadata through
  the Cart Line Item API. Menu items typically invoke
  `api.action.presentModal()` to launch the companion modal for complete
  workflows.
api_version: 2025-07
api_name: pos-ui-extensions
source_url:
  html: >-
    https://shopify.dev/docs/api/pos-ui-extensions/2025-07/targets/cart-line-item-details/pos-cart-line-item-details-action-menu-item-render
  md: >-
    https://shopify.dev/docs/api/pos-ui-extensions/2025-07/targets/cart-line-item-details/pos-cart-line-item-details-action-menu-item-render.md
---

# pos.​cart.​line-item-details.​action.​menu-item.​render

Renders a single interactive button component as a menu item in the cart line item action menu. Use this target for item-specific operations like applying discounts, adding custom properties, or launching verification workflows for individual cart items.

Extensions at this target can access detailed line item information including title, quantity, price, discounts, properties, and product metadata through the Cart Line Item API. Menu items typically invoke `api.action.presentModal()` to launch the companion modal for complete workflows.

### Examples

* #### Create a cart line item action menu item

  ##### Description

  Add an interactive menu item to the cart line item action menu for item-specific operations. This example shows how to create a menu item that accesses detailed line item data and launches modal workflows for tasks like applying discounts, adding custom properties, or verification processes.

  ##### React

  ```tsx
  import React from 'react';
  import {
    reactExtension,
    Button,
    useApi,
  } from '@shopify/ui-extensions-react/point-of-sale';

  const ButtonComponent = () => {
    const api = useApi<'pos.cart.line-item-details.action.menu-item.render'>();

    return <Button onPress={() => api.action.presentModal()} />;
  };

  export default reactExtension(
    'pos.cart.line-item-details.action.menu-item.render',
    () => <ButtonComponent />,
  );
  ```

  ##### TS

  ```ts
  import {Button, extension} from '@shopify/ui-extensions/point-of-sale';

  export default extension(
    'pos.cart.line-item-details.action.menu-item.render',
    (root, api) => {
      const button = root.createComponent(Button, {
        onPress: () => {
          api.action.presentModal();
        },
      });

      root.append(button);
    },
  );
  ```