Home
initial page
​

This Space:

Website Nav

Table of contents

Tools

Programming Languages

Python

JavaScript

Web Development Frameworks & Libraries

Productivity

Misc

  • ​Misc​

Websites

Backend

Networking

Resources

General Knowledge

Finance

Science & Tech (Innovation)

Reading

Docs

  • ​Docs​

Code Editors & Tools

Cool Stuff

Server-Side

WEB_DEV_TOOLS

GIT REPO FOR THIS WEBSITE:

GitHub - bgoonz/Web-Dev-Hub-Docs: General web dev notes and docs
GitHub

Main Blog:

Web-Dev-Hub
bgoonz
GitHub - bgoonz/BGOONZ_BLOG_2.0: The new home of my blog/resource sharing website.
GitHub
Website Navigation (my websites)

​

​

Table of contents

Tools

Programming Languages

Python

JavaScript

Web Development Frameworks & Libraries

Productivity

Misc

Websites

Backend

Networking

Resources

General Knowledge

Finance

Science & Tech (Innovation)

Reading

Docs

  • ​Docs​

Code Editors & Tools

Cool Stuff

Server-Side

WEB_DEV_TOOLS

DS_ALGOS_BRAINTEASERS

Free-Stuff

General Comp Sci

Blockchain & Crypto

WEBSITE ⇄ Portfolio ⇄ Collaborate ⇄ Other-Websites ⇄ Recent Work

➤ Email [email protected] Phone 551-254-5505​

A passionate Web Developer, Electrical Engineer, Musician & Producer
Could not load image
code
statistics
Bryans github activity graph

Languages and Tools:

​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​​
​
​
postgresql
​​
​
​​
​
​
​GitHub​
​Gitlab​
​Bitbucket​
​Medium​
​code pen​
​Replit​
​Quora​
​Redit​
​webcomponents.dev​
​dev.to​
​runkit​
​Observable Notebooks​
​npm​
​stack-exchange​
​Observable Notebooks​
​Upwork​
​Notion​
​AngelList​
​StackShare​
​Plunk​
​giphy​
​kofi​
​Codewars​
​Dribble​
​Glitch​
​contentful​
​Netlify​
​Stackblitz​
​Vercel​
​Youtube​
​wordpress​
​Edabit​
​Vinmeo​
​js fiddle​
​hashnode​
​Google Developer Profile​
​Gittee​
​Wakatime​
​Hubpages​
​Free Code Camp​
trophy
Top Langs

Python Website:

Home
datastructures-in-python
GitHub - bgoonz/python-gitbook: python docs
GitHub

Widgets

Widgets define the data type and interface for entry fields. Netlify CMS comes with several built-in widgets. Click the widget names in the sidebar to jump to specific widget details. We’re always adding new widgets, and you can also create your own!
Widgets are specified as collection fields in the Netlify CMS config.yml file. Note that YAML syntax allows lists and objects to be written in block or inline style, and the code samples below include a mix of both.
To see working examples of all of the built-in widgets, try making a 'Kitchen Sink' collection item on the CMS demo site. (No login required: click the login button and the CMS will open.) You can refer to the demo configuration code to see how each field was configured.

Common widget options

The following options are available on all fields:
  • required: specify as false to make a field optional; defaults to true
  • hint: optionally add helper text directly below a widget. Useful for including instructions. Accepts markdown for bold, italic, strikethrough, and links.
  • pattern: add field validation by specifying a list with a regex pattern and an error message; more extensive validation can be achieved with custom widgets​
    • Example: yaml - label: "Title" name: "title" widget: "string" pattern: ['.{12,}', "Must have at least 12 characters"]

Default widgets

BooleanCodeColorDateDateTimeFileHiddenImageListMapMarkdownNumberObjectRelationSelectStringText

Boolean

The boolean widget translates a toggle switch input to a true/false value.
  • Name: boolean
  • UI: toggle switch
  • Data type: boolean
  • Options:
    • default: accepts true or false; defaults to false when required is set to false
  • Example:
    1
    - {label: "Draft", name: "draft", widget: "boolean", default: true}
    Copied!
Last modified 3h ago