UNPKG

@carrot-farm/mongsil-ui

Version:
25 lines (24 loc) 1.06 kB
import * as React from 'react'; export interface DonutProps { /** 도형의 width, height */ width: number; /** stroke의 넓이 */ strokeWidth: number; /** 퍼센트 */ percent: number; /** 라인의의 끝부분 모양 */ lineCap: React.SVGAttributes<SVGCircleElement>['strokeLinecap']; /** border의 두께 */ borderThikness: number; /** true일 경우 내부 그림자를 생성 */ innerShadow: boolean; /** true일 경우 내부 생상을 애니메이션 한다 */ animateColor: boolean; /** true일 경우 내부 색상을 rotate 애니메이션 한다 */ animateRotateColor: boolean; /** 색상 */ colors: React.CSSProperties['backgroundColor'][]; /** 정의시 내부 랜더링 */ renderInner: (percent: DonutProps['percent'], colors: DonutProps['colors']) => React.ReactNode; } export default function Donut({ width, strokeWidth, percent, lineCap, borderThikness, innerShadow, animateColor, animateRotateColor, colors, renderInner, }: Partial<DonutProps>): JSX.Element;