UnorderedList

import { UnorderedList, ListItem } from '@/components/polaris';

function Example() {
    return (
        <UnorderedList>
            <ListItem>Free shipping on orders over $50</ListItem>
            <ListItem>30-day return policy</ListItem>
            <ListItem>Secure checkout</ListItem>
        </UnorderedList>
    );
}

import { forwardRef, createElement } from 'react';

type Props = JSX.IntrinsicElements['s-unordered-list'];

/**
 * UnorderedList component - bulleted list of items.
 *
 * @example
 * <UnorderedList>
 *   <ListItem>Free shipping</ListItem>
 *   <ListItem>30-day returns</ListItem>
 * </UnorderedList>
 */
export const UnorderedList = forwardRef<HTMLElement, Props>((props, ref) =>
    createElement('s-unordered-list', { ref, ...props })
);

UnorderedList.displayName = 'UnorderedList';