Skip to content

gurkodil/netlify-cms-widgets

 
 

Repository files navigation

NetlifyCMS Custom Widgets

A collection of custom widgets for netlify-cms


⚠ Unstable: Under active development

What's inside

npm package description
@ncwidgets/id Generate an unique ID for new entries in a folder collection
@ncwidgets/file-relation Dropdown select widget for a field inside a file collection (the default relation widget only works for folder collections)
@ncwidgets/reorder Drag & drop to order entries in a folder collection

How to use

import cms from 'netlify-cms-app'
import { Widget as IdWidget } from '@ncwidgets/id'
import { Widget as ReorderWidget } from '@ncwidgets/reorder'
import { Widget as FileRelationWidget } from '@ncwidgets/file-relation'

cms.registerWidget(IdWidget)
cms.registerWidget(ReorderWidget)
cms.registerWidget(FileRelationWidget)

cms.init()

With Gatsby

[TBH]

With Hugo

[TBH]

Contribute

Has an idea for a widget? Please feel free to send over a PR, or open an issue with the idea tag.

Build

This is a monorepo with yarn workspace & lerna.

# Setup
yarn
yarn bootstrap

# Launch the playground with 
# all the custom widgets at localhost:
yarn playground:dev

# Build widgets
yarn build

About

A collection of custom widgets for netlify-cms

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 76.4%
  • JavaScript 23.2%
  • CSS 0.4%