Discussion about adding a proper title and icons to a single page document in Sanity.io

import {FaListUl, FaColumns} from 'react-icons/fa'
import {AiFillFileText, AiFillHome} from 'react-icons/ai'

export default {
  title: 'Content',
  name: 'contentList',
  type: 'array',
  of: [
    {
      type: 'introObject',
      name: 'introObject',
      title: 'Intro',
      icon: AiFillHome,
    },
    {
      name: 'listColumn',
      title: 'List Columns',
      type: 'object',
      icon: FaListUl,
      fields: [
        {
          name: 'listTitle',
          title: 'List Title',
          type: 'string',
          description: 'This title is for Sanity only.',
        },
        {
          name: 'listObject',
          type: 'listObject',
          title: 'List Columns',
          preview: {
            title: 'List Column',
          },
        },
      ],
    },
    {
      name: 'bodyObject',
      title: 'Body',
      type: 'object',
      icon: AiFillFileText,
      fields: [
        {
          name: 'bodyTitle',
          title: 'Title of Section',
          type: 'string',
          icon: AiFillFileText,
          description: 'This title is for Sanity only.',
        },
        {
          name: 'body1',
          type: 'body',
          title: 'Body',
        },
      ],
     
    },
    {
      name: 'column',
      type: 'column',
      title: 'Columns',
      icons: FaColumns,
    },
  ],
}

import { UserIcon } from '@sanity/icons';

 preview: {
        select: {
          title:'listTitle',
        },
        prepare(selection: { title: TitledListValue }){
          const {title} = selection
          return {
            title: title,
            icon: FaListUl,
          }
        }
      }