1.0.1 • Published 2 years ago
netlify-cms-widget-id v1.0.1
Netlify CMS ID Widget
Netlify CMS Widget that allows you to create permanent IDs for your content.
Widgets are inputs for the Netlify CMS editor interface. It's a React component that receives user input and outputs a serialized value.
This widget allows you to create custom permalinks that can be used to generate pathnames for Netlify CMS based websites. The widget mimics the behaviour of WordPress permalink input field automatically outputting correct slugs.
Installation
- Install the widget
npm install netlify-cms-widget-id
yarn add netlify-cms-widget-id- Import the Permalink widget to your Netlify CMS setup file
import { Widget as IdWidget } from 'netlify-cms-widget-id';- Register the widget for use
CMS.registerWidget(IdWidget);Usage details
Inside the YML collecitons file you should uuid as new widget
collections:
- name: "example"
label: "Example"
folder: "/path/to/your/folder"
create: true
slug: "{{slug}}"
fields:
- label: "ID",
name: "id",
widget: "uuid",
prefix: 'post', // This allows to add a prefix to the IDYou can also use it as a JS object using Netlify CMS Manual Initialization
Example:
{
label: 'ID',
name: 'id',
widget: 'uuid'
prefix: 'post', // This allows to add a prefix to the ID
},This widget fields:
prefix-> is used when you want to prefix IDs within the collection