Skip to content

Releases: flexseth/Gutendocs

v2.0.0

06 Mar 20:07
7a18bce

Choose a tag to compare

Gutendocs v2.0.0

Massive component expansion — 30+ new components added, full coverage of @wordpress/block-editor and @wordpress/components.

Block Editor Components

  • BlockControls — block toolbar slot with alignment, formatting, and style variant demos
  • InspectorControls — sidebar panel slot simulation
  • RichText — rich text editor field
  • MediaUpload — media library upload button

Form Controls

  • BaseControl, CheckboxControl, ComboboxControl, CustomSelectControl
  • DateTimePicker, FormTokenField, NumberControl, RadioControl
  • SearchControl, TextControl, TextareaControl
  • ToggleGroupControl (with ToggleGroupControlOption + ToggleGroupControlOptionIcon)
  • UnitControl

Layout & Composition

  • BoxControl, Flex (FlexItem, FlexBlock), Spacer
  • ToolsPanel (ToolsPanelItem)

Overlays & Navigation

  • Dropdown, DropdownMenu, Guide, Modal, Popover, TabPanel, Tabs

Display & Utility

  • ButtonGroup, CodeTabs, ColorPicker, FocalPointPicker, FontSizePicker
  • Notice, PanelBody, Placeholder, Snackbar, Spinner, Tooltip

See CHANGELOG.md for full details.

v1.0.0 — Initial Release

20 Feb 14:03
1e80ec4

Choose a tag to compare

Gutendocs v1.0.0

A Vite + React + MDX documentation system for WordPress block and plugin development, live on Vercel.

Live Demo →


Components

All components mirror their @wordpress/components counterparts and are available globally in every .mdx file — no imports needed.

Component Description
Alert Callout with info, warning, success, error variants
Button Primary / secondary / outline, three sizes
Card Bordered container with optional title
CodeBlock Syntax-highlighted code with Night Owl theme
CodeTabs Tabbed multi-language code viewer
ToggleControl Boolean toggle switch
SelectControl Dropdown select
RangeControl Numeric slider with paired input
TextControl Single-line text input
DateTimePicker Date/time picker with dateOnly / timeOnly modes
ColorPalette Color swatch grid with optional custom picker

Features

  • MDX pages compile to React at build time via @mdx-js/rollup — zero runtime overhead
  • All interactive demos persist state across page reloads via useLocalStorage
  • GitHub Flavored Markdown (tables, task lists, strikethrough) via remark-gfm
  • PropsTable component for inline prop documentation
  • Sidebar navigation with active link highlighting
  • Deployed to Vercel with automatic preview deployments on push