ListItem

List items are used as children of the `List` component. They usually begins with a bullet or a number.

Basic ListItem

import {render, List, ListItem} from '@shopify/checkout-ui-extensions-react';

render('Checkout::Dynamic::Render', () => );

function Extension() {
  return (
    
      100% organic cotton
    
  );
}

import {extend, List, ListItem} from '@shopify/checkout-ui-extensions';

extend('Checkout::Dynamic::Render', (root) => {
  const list = root.createComponent(List, undefined, [
    root.createComponent(ListItem, undefined, '100% organic cotton'),
  ]);

  root.appendChild(list);
});

Related

List