@carrot-farm/mongsil-ui
Version:
react ui library
25 lines (24 loc) • 1.06 kB
TypeScript
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;