2.3.4 • Published 1 year ago

@highlight-ui/circular-progress v2.3.4

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

npm personio.design storybook.personio.design

@highlight-ui/circular-progress

Installation

Using npm:

npm install @highlight-ui/circular-progress

Using yarn:

yarn add @highlight-ui/circular-progress

Using pnpm:

pnpm install @highlight-ui/circular-progress

In your (S)CSS file:

@import url('@highlight-ui/circular-progress');

Once the package is installed, you can import the library:

import { CircularProgress } from '@highlight-ui/circular-progress';

Usage

import React, { useState } from 'react';
import { CircularProgress } from '@highlight-ui/circular-progress';

export default function CircularProgressExample() {
  return <CircularProgress percentage={50} />;
}

Props 📜

PropTypeRequiredDefaultDescription
percentagenumberYesPercentage of the progress
colorColorTokenNoCustom color token for the progress circular line

Custom types 🔠

TypeValuesDescription
ColorToken"Colors" token namesUsed for the color prop

Contributing 🖌️

Please visit personio.design for usage guidelines and visual examples.

If you're interested in contributing, please visit our contribution page.

@highlight-ui/tokens@highlight-ui/utils-commons
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@zalastax/nolb-_hig
2.3.4

1 year ago

2.3.3

2 years ago

2.2.17

2 years ago

2.2.18

2 years ago

2.2.15

2 years ago

2.2.16

2 years ago

2.2.13

2 years ago

2.2.14

2 years ago

2.2.19

2 years ago

2.2.28

2 years ago

2.2.29

2 years ago

2.2.26

2 years ago

2.2.27

2 years ago

2.2.24

2 years ago

2.2.25

2 years ago

2.2.22

2 years ago

2.2.23

2 years ago

2.2.20

2 years ago

2.2.21

2 years ago

2.3.0

2 years ago

2.3.2

2 years ago

2.3.1

2 years ago

2.2.31

2 years ago

2.2.30

2 years ago

2.3.0-r18.0

2 years ago

2.2.11

2 years ago

2.2.12

2 years ago

2.2.7

2 years ago

2.2.10

2 years ago

2.2.9

2 years ago

2.2.8

2 years ago

2.2.1

3 years ago

2.2.0

3 years ago

2.2.3

3 years ago

2.2.2

3 years ago

2.2.5

2 years ago

2.2.4

2 years ago

2.2.6

2 years ago

2.1.9

3 years ago

2.1.10

3 years ago

2.1.11

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.6

3 years ago

2.1.5

3 years ago

2.1.8

3 years ago

2.1.7

3 years ago

2.1.0

3 years ago

2.0.21

3 years ago

2.0.16

3 years ago

2.0.19

3 years ago

2.0.17

3 years ago

2.0.15

3 years ago

2.0.14

3 years ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.13

3 years ago

2.0.5

3 years ago

2.0.4

3 years ago

2.0.11

3 years ago

2.0.7

3 years ago

2.0.12

3 years ago

2.0.6

3 years ago

2.0.9

3 years ago

2.0.0-alpha.1

3 years ago

2.0.10

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

2.0.0-alpha.0

3 years ago

1.0.19

3 years ago

1.0.18

3 years ago

1.0.20

3 years ago

1.0.17

3 years ago

1.0.16

4 years ago

1.0.15

4 years ago

1.0.14

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago