Blocks
Gutenberg blocks are the editor blocks that are used to create content layouts in the new WordPress block editor aka Gutenberg. Introduced in WordPress 5.0, the Gutenberg editor is a fully block-based editor where each piece of content is a draggable block. By default, WordPress offers a set of basic content blocks like a paragraph, image, button, list, and more.
Here you’ll find a collection of modular design elements meant to provide digital designers and developers with ready-to-use blocks that are responsive, accessible, and in keeping with University web development, design, security, usability, and identity guidelines.
Custom UNCG Blocks
A design element that expands in place to expose some hidden information.
Display multiple announcements in a heading, text, and link format.
Customizable hero section with the page title and breadcrumbs.
Displays the information in a set of elements that we can slide, fade or somehow move into view.
A component that holds an image, heading, paragraph, and link.
An equal-height group of components that holds an image, heading, paragraph, and link.
Show or hide the contained content based on a start date, end date, and/or a repeating schedule.
Displays a summary with a details section that can be shown/hidden. Intended to enhance accessibility.
Provides a block that allows the user to search for different employees based on department.
Display a calendar of events based on category(ies).
Full-width block used to highlight a program, article, post, page, etc.
Layout elements that contain an icon, heading, text, and CTA.
Large tagline, button/links, and customizable background.
Multiple layout styles with images, headings, and CTAs.
Animated block layout with images, headings, and copy.
An alternate version of everything included in the Info Slide-Ins block.
Display a list of menus in your choice of multiple columns.
Displays posts with different display options, by categories.
Displays paginated post excerpts with a search bar for news posts.
A heading that overlaps the previous and the next block.
Display a list of important phone numbers for a department, school, or office.
A customizable nested list of important policies or guidelines.
Section to promote/callout single or multiple items.
A group of four images within a pre-styled masonry layout.
Block that includes a cover image and customizable icon links.
A block that includes a menu of your choice for different subpages.
Display icons linking to your social media profiles or sites.
A carousel block with different styles to feature an individual.