Function TaskRenderer

The default implementation for rendering the Tokens.List by rendering:

const id = useSluggedId(`${getTokensText(props.tokens)}-task`);

<li {...props}>
  <input id={id} type="checkbox" defaultChecked={defaultChecked} />
  <label htmlFor={id}>{children}</label>
</li>
Copy

Remarks

You'll most likely need to implement a custom renderer for this since the default styles aren't very pretty.