@chakra-ui/progress
Version:
Progress bar component for Chakra UI
1 lines • 1.02 kB
Source Map (JSON)
{"version":3,"sources":["../src/shape.tsx"],"sourcesContent":["import { HTMLChakraProps, chakra } from \"@chakra-ui/system\"\n\nimport { rotate } from \"./progress.utils\"\n\ninterface ShapeProps extends HTMLChakraProps<\"svg\"> {\n size?: string | number\n /**\n * @default false\n */\n isIndeterminate?: boolean\n}\n\nexport const Shape = (props: ShapeProps) => {\n const { size, isIndeterminate, ...rest } = props\n return (\n <chakra.svg\n viewBox=\"0 0 100 100\"\n __css={{\n width: size,\n height: size,\n animation: isIndeterminate ? `${rotate} 2s linear infinite` : undefined,\n }}\n {...rest}\n />\n )\n}\n\nShape.displayName = \"Shape\"\n"],"mappings":";;;;;;AAAA,SAA0B,cAAc;AAepC;AAHG,IAAM,QAAQ,CAAC,UAAsB;AAC1C,QAAM,EAAE,MAAM,iBAAiB,GAAG,KAAK,IAAI;AAC3C,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW,kBAAkB,GAAG,8BAA8B;AAAA,MAChE;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}