{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feed-with-images",
  "type": "registry:component",
  "title": "Feed With Images",
  "description": "Feed With Images",
  "files": [
    {
      "path": "registry/ui-basic/FeedWithImages.tsx",
      "content": "import React from \"react\";\n\nexport default function FeedWithImages() {\n\treturn (\n\t\t<>\n\t\t\t{/*<!-- Component: Changelog feed with images --> */}\n\t\t\t<ul\n\t\t\t\taria-label=\"Changelog feed\"\n\t\t\t\trole=\"feed\"\n\t\t\t\tclassName=\"relative flex flex-col gap-12 py-12 pl-6 before:absolute before:left-6 before:top-0 before:h-full before:-translate-x-1/2 before:border before:border-dashed before:border-slate-200 after:absolute after:bottom-6 after:left-6 after:top-6 after:-translate-x-1/2 after:border after:border-slate-200\"\n\t\t\t>\n\t\t\t\t<li\n\t\t\t\t\trole=\"article\"\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\n\t\t\t\t\t\t<h4 className=\"text-lg font-medium text-emerald-500\">\n\t\t\t\t\t\t\tv2.2.1: Accessibility Improvements{\" \"}\n\t\t\t\t\t\t\t<span className=\"text-lg font-normal text-slate-500\">\n\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t- 2023-09-03\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<div className=\"overflow-hidden rounded border border-slate-100 bg-slate-50\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https://Tailwindmix.b-cdn.net/feeds/changelog_feed-variation-image-03.png\"\n\t\t\t\t\t\t\t\talt=\"Changelog image\"\n\t\t\t\t\t\t\t\twidth=\"1000\"\n\t\t\t\t\t\t\t\theight=\"500\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className=\"text-slate-500\">\n\t\t\t\t\t\t\tFocused on enhancing accessibility across all components,\n\t\t\t\t\t\t\tmaking the template more user-friendly for people with\n\t\t\t\t\t\t\tdisabilities. Improved keyboard navigation and screen\n\t\t\t\t\t\t\treader support.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\n\t\t\t\t\t\t\t<li>Improved keyboard focus states</li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\tEnhanced ARIA labels for better screen reader support\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t<li>Optimized color contrast for better visibility</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\trole=\"article\"\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\n\t\t\t\t\t\t<h4 className=\"text-lg font-medium text-emerald-500\">\n\t\t\t\t\t\t\tv2.1.6: Security Patch{\" \"}\n\t\t\t\t\t\t\t<span className=\"text-lg font-normal text-slate-500\">\n\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t- 2023-08-01\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-slate-500\">\n\t\t\t\t\t\t\tA security patch addressing vulnerabilities reported in the\n\t\t\t\t\t\t\tprevious version. It's recommended for all users to update\n\t\t\t\t\t\t\tto this version to maintain secure operations.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\n\t\t\t\t\t\t\t<li>Fixed CSRF vulnerability in forms</li>\n\t\t\t\t\t\t\t<li>Updated authentication mechanisms</li>\n\t\t\t\t\t\t\t<li>Improved session management for enhanced security</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\trole=\"article\"\n\t\t\t\t\tclassName=\"relative pl-6 before:absolute before:left-0 before:top-2 before:z-10 before:h-2 before:w-2 before:-translate-x-1/2 before:rounded-full before:bg-emerald-500 before:ring-2 before:ring-white\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"flex flex-1 flex-col gap-4\">\n\t\t\t\t\t\t<h4 className=\"text-lg font-medium text-emerald-500\">\n\t\t\t\t\t\t\tv2.2.3: New Components{\" \"}\n\t\t\t\t\t\t\t<span className=\"text-lg font-normal text-slate-500\">\n\t\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t\t- 2023-10-01\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<div className=\"overflow-hidden rounded border border-slate-100 bg-slate-50\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https://Tailwindmix.b-cdn.net/feeds/changelog_feed-variation-image-04.png\"\n\t\t\t\t\t\t\t\talt=\"Changelog image\"\n\t\t\t\t\t\t\t\twidth=\"1000\"\n\t\t\t\t\t\t\t\theight=\"500\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className=\"text-slate-500\">\n\t\t\t\t\t\t\tIntroducing several new components to enhance UI\n\t\t\t\t\t\t\tcapabilities, including new card designs, tabbed\n\t\t\t\t\t\t\tnavigation, and progress indicators. These additions allow\n\t\t\t\t\t\t\tfor more flexibility in building pages.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<ul className=\"list-disc pl-5 text-slate-500 marker:text-emerald-500\">\n\t\t\t\t\t\t\t<li>New card component with hover effects</li>\n\t\t\t\t\t\t\t<li>Tabbed navigation for better organization</li>\n\t\t\t\t\t\t\t<li>Progress indicators for tracking tasks</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t{/*<!-- End Changelog feed with images--> */}\n\t\t</>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}