My Docs
My BlogPython Data StructuresRepoFamily-Promise-Docs
Search…
Web-Dev-Hub-Docs
Home
Navigation
Tools
Tools
Showcase
Downloads
How To Configure Ubuntu
REPL.IT Compilations
Past Notes
Git
JavaScript
My Bash Commands
Programming Languages
Programming Languages
What is a Programming Language?
Python
Python
Install PIP
JavaScript
JavaScript
Writing Files
JS-Leetcode
Web Development Frameworks & Libraries
GRAPHQL
React
Jquery
GATSBY
Productivity
Productivity
Misc
Misc
GitGateway
Links
Bookmarks
Websites
Websites
Not My Websites:
Backend
Backend
Networking
Networks
Resources
Resources
Video Resources
General Knowledge
General Knowledge
Knowledge Bank
Finance
Finance
Finance Reference
Financial Trends
Science & Tech (Innovation)
Science & Tech
Articles
Reading
Reading
Social Media & Trends
Trends In Web Dev
FB-Dev-Open Source
IG-API
Docs
Docs
Code Editors & Tools
Vscode
Cool Stuff
Cool Observable Notebooks
Server-Side
GraphQL
Rest VS GraphQl
REST-API
Public APIs
WEB_DEV_TOOLS
Web Dev Tools
Cloudinary
Postman
Netlify
DS_ALGOS_BRAINTEASERS
A Quick Guide to Big-O Notation, Memoization, Tabulation, and Sorting Algorithms by Example
Free-Stuff
Free Stuff
Job-Search
Job Search
Outreach
General Comp Sci
Principles behind the Agile Manifesto
Blockchain & Crypto
Blockchain Basics
Data Structures & Interviewing
Data Structures
REACT_REVISITED
Modern React with Redux
WEBDEV-Bootcamp-Notes
🏫
Lambda
testing
Testing:
Medium-articles
My Articles
🖲
AI
Pytorch
🎙
Audio
Audio
Powered By GitBook
Home
initial page

This Space:

Website Nav
Table of contents
Tools
Programming Languages
Python
JavaScript
Web Development Frameworks & Libraries
Productivity
Misc
Links
Websites
Backend
Networking
Resources
General Knowledge
Finance
Science & Tech (Innovation)
Reading
Social Media & Trends
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

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
Could not load image
code
Could not load image
statistics
Bryans github activity graph

Languages and Tools:

​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
 ​​
​​
postgresql
​​
​​​
​​
​GitHub​
​Gitlab​
​Bitbucket​
​Medium​
​code pen​
​Replit​
​Quora​
​Redit​
​dev.to​
​runkit​
​npm​
​Upwork​
​Notion​
​AngelList​
​StackShare​
​Plunk​
​giphy​
​kofi​
​Codewars​
​Dribble​
​Glitch​
​contentful​
​Netlify​
​Stackblitz​
​Vercel​
​Youtube​
​wordpress​
​Edabit​
​Vinmeo​
​js fiddle​
​hashnode​
​Gittee​
​Wakatime​
​Hubpages​
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!
Next
Navigation
Last modified 6m ago
Copy link
Contents
This Space:
GIT REPO FOR THIS WEBSITE:
Main Blog:
Table of contents
Tools
Programming Languages
Python
JavaScript
Web Development Frameworks & Libraries
Productivity
Misc
GitGateway
Websites
Backend
Networking
Resources
General Knowledge
Finance
Science & Tech (Innovation)
Reading
Social Media & Trends
Docs
Code Editors & Tools
Cool Stuff
Server-Side
WEB_DEV_TOOLS
DS_ALGOS_BRAINTEASERS
Free-Stuff
Job-Search
General Comp Sci
Blockchain & Crypto
Python Website:
Widgets
Common widget options
Default widgets