{"success":true,"data":{"block":{"id":"feature-three-column-values","name":"Feature Three Column Values","title":"Feature Three Column Values","category":"Features","categorySlug":"features","description":"Three-column grid of value cards with icons. Each card has an icon, title, and description. Clean, balanced layout for company values, core principles, or key benefits.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290513/lsp5zcx7879o3uoage9ms585cw48/feature-three-column-values-desktop.png","mobile":"https://cdn.ing/assets/i/r/290512/ebkamg1ns2m338ttrt6ek0yefjnk/feature-three-column-values-mobile.png"},"componentPath":"blocks/features/feature-three-column-values.tsx","code":"import { FeatureThreeColumnValues } from \"@opensite/ui/blocks/features/feature-three-column-values\";\n\nexport default function Demo() {\n  return (\n    <FeatureThreeColumnValues\n      label=\"OUR CORE VALUES\"\n      title=\"What Drives Us Forward\"\n      values={[\n        {\n          iconName: \"lucide/heart\",\n          title: \"Customer First\",\n          description:\n            \"Every decision we make starts with understanding our customers' needs and exceeding their expectations.\",\n        },\n        {\n          iconName: \"lucide/lightbulb\",\n          title: \"Innovation\",\n          description:\n            \"We constantly push boundaries and embrace new technologies to deliver cutting-edge solutions.\",\n        },\n        {\n          iconName: \"lucide/target\",\n          title: \"Excellence\",\n          description:\n            \"We hold ourselves to the highest standards and never settle for good enough.\",\n        },\n      ]}\n      background=\"gray\"\n      pattern=\"gridDotsBasic\"\n      patternOpacity={1}\n    />\n  );\n}","propsSchema":{"label":{"type":"object","description":"Section label content","typeLabel":"React.ReactNode","required":false},"title":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"values":{"type":"array","description":"Array of value items","items":{"type":"object","description":"","fields":{"icon":{"type":"object","description":"Icon element (overrides iconName)","typeLabel":"React.ReactNode","required":false},"iconName":{"type":"string","description":"Icon name in format: prefix/name (e.g., \"lucide/timer\")","required":false},"title":{"type":"object","description":"Feature title content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Feature description content","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the item","required":false},"iconClassName":{"type":"string","description":"Additional CSS classes for the icon wrapper","required":false},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"href":{"type":"string","description":"Optional href for the item","required":false}},"typeLabel":"FeatureThreeColumnValuesItem"},"typeLabel":"FeatureThreeColumnValuesItem[]","required":false},"valuesSlot":{"type":"object","description":"Custom slot for rendering values (overrides values array)","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"labelClassName":{"type":"string","description":"Additional CSS classes for the label","required":false},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid","required":false},"cardClassName":{"type":"string","description":"Additional CSS classes for each value card","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"patternClassName":{"type":"string","description":"Additional CSS classes for the pattern overlay","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["features","values","three-column","grid","icons","principles","benefits"],"performance":{},"importantUsageNotes":"Ensure to generate exactly 3 items in the 'values' array since the layout is a fixed 3-column grid. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:40:34.466Z"}