{
  "name": "star-rating-fractions-ex-02",
  "type": "registry:example",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.stackzero.co/r/star-rating-fractions.json"
  ],
  "files": [
    {
      "type": "registry:example",
      "content": "\"use client\";\n\nimport StarRatingFractions from \"@/components/commerce-ui/star-rating-fractions\";\n\nexport default function StarRating_Fractions_Ex_02() {\n  return (\n    <div className=\"flex flex-col items-start gap-4\">\n      <div className=\"flex items-center gap-2\">\n        <StarRatingFractions value={4.65} readOnly maxStars={5} />\n        <p>(4.65)</p>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <StarRatingFractions value={3.5} readOnly maxStars={5} />\n        <p>(3.5)</p>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <StarRatingFractions value={2.35} readOnly maxStars={5} />\n        <p>(2.35)</p>\n      </div>\n    </div>\n  );\n}\n",
      "path": "/components/commerce-ui/components/star-rating/fractions/star-rating-fractions-ex-02.tsx",
      "target": "components/commerce-ui/star-rating-fractions-ex-02.tsx"
    }
  ]
}