sanity-plugin-disabled-field

Sanity Note Fields

✨ Display inline notes in your schemas ✨

Install

Run the following command in your studio folder using the Sanity CLI:

sanity install note-field

Usage

Use it in your schema types:

{
  name: 'note',
  type: 'note',
  options: {
    message: 'Your custom Message...'
  }
}

Options

You can also customize the color, add an icon and/or headline:

import React from 'react'

...

{
  name: 'gridNote2',
  type: 'note',
  options: {
    icon: FiAlertCircle,
    headline: 'Hold up!',
    message: <>A custom HTML message: <a href="#0" target="_blank">click here</a></>,
    tone: 'caution'
  }
}

Name	Type	Default	Description
icon	Component	null	Specify an Icon Component, just as you would for your schemas
headline	string	null	Displays a headline above your note message
message	string	null	Required. Your note message (accepts HTML)
tone	string	primary	Color style for your note, based on the Sanity UI Card options. Values: default transparent positive caution critical brand

License

MIT

nickdimatteo.com  ·  Github @ndimatteo  ·  Instagram @ndimatteo