flowbite-react/apps/web/examples/progress/progress.circularWithText.tsx at 3b66c5f28b5637aa5529870321f54bbf2742c390 · themesberg/flowbite-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import { Progress } from "flowbite-react";
import { type CodeData } from "~/components/code-demo";

const code = `
"use client";

import { Progress } from "flowbite-react";

export function Component() {
  return <Progress.Circular progress={45} labelText textLabel="45%" />;
}
`;

const codeRSC = `
import { ProgressCircular } from "flowbite-react";

export function Component() {
  return <ProgressCircular progress={45} labelText textLabel="45%" />;
}
`;

export function Component() {
  return <Progress.Circular progress={45} labelText textLabel="45%" />;
}

export const circularProgressWithText: CodeData = {
  type: "single",
  code: [
    {
      fileName: "client",
      language: "tsx",
      code,
    },
    {
      fileName: "server",
      language: "tsx",
      code: codeRSC,
    },
  ],
  githubSlug: "progress/progress.circularWithText.tsx",
  component: <Component />,
};