FilesExpand file tree

 master

/

Cut.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

29 lines (27 loc) · 851 Bytes

 master

/

Cut.tsx

Top

File metadata and controls

• Code
• Blame

29 lines (27 loc) · 851 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

import React from 'react';

import ProgressBar from 'react-customizable-progressbar';

import { ExampleProps } from './Examples';

import ExampleCard from './ExampleCard';

const Cut = ({ progress }: ExampleProps) => (

<ExampleCard

title="Cut"

href="https://github.com/martyan/react-customizable-progressbar/blob/master/examples/src/Cut.tsx"

>

<ProgressBar

radius={100}

progress={progress}

strokeWidth={28}

strokeColor="#ffce54"

strokeLinecap="butt"

trackStrokeWidth={14}

trackStrokeLinecap="butt"

cut={120}

rotate={-210}

>

<div className="flex items-center justify-center text-center absolute top-0 w-full h-full m-auto text-[2.2em] font-thin text-[#555] select-none">

<div>{progress}%</div>

</div>

</ProgressBar>

</ExampleCard>

);

export default Cut;