Activity

Rating

Sample

LeftContent

4.95

out of

5

LeftContent

RightContent

4.95

Code

                                 <VxRating
                                             star={[
                                                  { class: "text-yellow-300" },
                                                  { class: "text-yellow-300" },
                                                  { class: "text-yellow-300" },
                                                  { class: "text-zinc-200" },
                                                  { class: "text-zinc-200" },
                                             ]}

                                        />  
                                   

Code - RightContent

                                  <VxRating
                                             star={[
                                                  { class: "text-yellow-300" },
                                                  { class: "text-yellow-300" },
                                                  { class: "text-yellow-300" },
                                                  { class: "text-zinc-200" },
                                                  { class: "text-zinc-200" },
                                             ]}
                                             LeftContent={<>
                                                  <p className="ms-2 text-sm font-bold text-gray-900 dark:text-white">4.95</p>
                                                  <span className="w-1 h-1 mx-1.5 bg-gray-500 rounded-full dark:bg-gray-400"></span>
                                                  <a href="#" className="text-sm font-medium text-gray-900 underline hover:no-underline dark:text-white">73 reviews</a>
                                             </>}
                                        />