import * as React from "react";
export const data = [
{
title: "Paragraph",
category: "Text",
description: "Start with the building block of all narrative.",
icon: (
),
},
{
title: "Image",
category: "Media",
description: "Insert an image to make a visual statement.",
icon: (
),
},
{
title: "Heading",
category: "Text",
description:
"Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.",
icon: (
),
},
{
title: "Gallery",
category: "Media",
description: "Display multiple images in a rich gallery.",
icon: (
),
},
{
title: "List",
category: "Text",
description: "Create a bulleted or numbered list.",
icon: (
),
},
{
title: "Quote",
category: "Text",
description:
'Give quoted text visual emphasis. "In quoting others, we cite ourselves." — Julio Cortázar',
icon: (
),
},
{
title: "Shortcode",
category: "Widgets",
description:
"Insert additional custom elements with a WordPress shortcode.",
icon: (
),
},
{
title: "Archives",
category: "Widgets",
description: "Display a monthly archive of your posts.",
icon: (
),
},
{
title: "Audio",
category: "Media",
description: "Embed a simple audio player.",
icon: (
),
},
{
title: "Buttons",
category: "Design",
description:
"Prompt visitors to take action with a group of button-style links.",
icon: (
),
},
{
title: "Calendar",
category: "Widgets",
description: "A calendar of your site’s posts.",
icon: (
),
},
{
title: "Categories",
category: "Widgets",
description: "Display a list of all categories.",
icon: (
),
},
{
title: "Code",
category: "Text",
description: "Display code snippets that respect your spacing and tabs.",
icon: (
),
},
{
title: "Columns",
category: "Design",
description:
"Add a block that displays content in multiple columns, then add whatever content blocks you’d like.",
icon: (
),
},
{
title: "Cover",
category: "Media",
description:
"Add an image or video with a text overlay — great for headers.",
icon: (
),
},
{
title: "Embed",
category: "Embed",
description:
"Add a block that displays content pulled from other sites, like Twitter, Instagram or YouTube.",
icon: (
),
},
{
title: "File",
category: "Media",
description: "Add a link to a downloadable file.",
icon: (
),
},
{
title: "Group",
category: "Design",
description: "Combine blocks into a group.",
icon: (
),
},
{
title: "Classic",
category: "Text",
description: "Use the classic WordPress editor.",
icon: (
),
},
{
title: "Custom HTML",
category: "Widgets",
description: "Add custom HTML code and preview it as you edit.",
icon: (
),
},
{
title: "Media & Text",
category: "Media",
description: "Set media and words side-by-side for a richer layout.",
icon: (
),
},
{
title: "Latest Comments",
category: "Widgets",
description: "Display a list of your most recent comments.",
icon: (
),
},
{
title: "Latest Posts",
category: "Widgets",
description: "Display a list of your most recent posts.",
icon: (
),
},
{
title: "More",
category: "Design",
description:
"Content before this block will be shown in the excerpt on your archives page.",
icon: (
),
},
{
title: "Page Break",
category: "Design",
description: "Separate your content into a multi-page experience.",
icon: (
),
},
{
title: "Preformatted",
category: "Text",
description:
"Add text that respects your spacing and tabs, and also allows styling.",
icon: (
),
},
{
title: "Pullquote",
category: "Text",
description: "Give special visual emphasis to a quote from your text.",
icon: (
),
},
{
title: "RSS",
category: "Widgets",
description: "Display entries from any RSS or Atom feed.",
icon: (
),
},
{
title: "Search",
category: "Widgets",
description: "Help visitors find your content.",
icon: (
),
},
{
title: "Separator",
category: "Design",
description:
"Create a break between ideas or sections with a horizontal separator.",
icon: (
),
},
{
title: "Social Icons",
category: "Widgets",
description:
"Display icons linking to your social media profiles or websites.",
icon: (
),
},
{
title: "Spacer",
category: "Design",
description: "Add white space between blocks and customize its height.",
icon: (
),
},
{
title: "Table",
category: "Text",
description: "Insert a table — perfect for sharing charts and data.",
icon: (
),
},
{
title: "Tag Cloud",
category: "Widgets",
description: "A cloud of your most used tags.",
icon: (
),
},
{
title: "Verse",
category: "Text",
description:
"Insert poetry. Use special spacing formats. Or quote song lyrics.",
icon: (
),
},
{
title: "Video",
category: "Media",
description: "Embed a video from your media library or upload a new one.",
icon: (
),
},
{
title: "Navigation",
category: "Design",
description: "Add a navigation block to your site.",
icon: (
),
},
];