Creating a custom divider component in Sanity Studio

//Divider.js
import React from 'react'

import {
  Tooltip,
  Text,
  Box,
  TextInput
} from '@sanity/ui'


// This can be styled any way you need :) 
export function createDivider({title}) {
      return {
        inputComponent: (field) => (
            <div <Container width={100} padding={4}/>),
        name: `divider${"id" + Math.random().toString(16).slice(2)}`,
        title,
        type: "string",
}


// schema where you wanna use the Divider 

import { createDivider } from "../../src/components/createDivider";


export default {
  name: 'simple',
  title: 'Simple example',
  type: 'document',
  fields: [
    {
...,
  createDivider("seo"), // the string is just the title, which can be handy as a concept :) 
...
    }
  ]
}