ListItem

examples

• Basic ListItem

  React

  import {render, List, ListItem} from '@shopify/checkout-ui-extensions-react';
  
  render('Checkout::Dynamic::Render', () => <Extension />);
  
  function Extension() {
    return (
      <List>
        <ListItem>100% organic cotton</ListItem>
      </List>
    );
  }
  

  JS

  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);
  });