CircularProgress

Example

import CircularProgress from '@mavvy/m3-ui/CircularProgress';
import Text from '@mavvy/m3-ui/Text';

export function Example() {
  return (
    <div>
      <Text>small</Text>
      <CircularProgress
        color="primary"
        size="small"
        indeterminate
      />
      <Text>medium</Text>
      <CircularProgress color="primary" indeterminate />
      <Text>large</Text>
      <CircularProgress
        color="primary"
        size="large"
        indeterminate
      />
    </div>
  );
}

small

medium

large

Props

prop	type	description
value	number	value of the current progress
color	Color	component color
size	Size	size of the chip component
indeterminate	boolean	if true, shows an indeterminate state
className	string	className of the component