Progress

A Progress component visually indicates the completion status of a task. Built on top of heroui-native Progress.

Demo

Demo Coming Soon

Progress examples will be available soon.

Usage

import { NProgress } from '@nayan-ui/react';


const Progress = () => {
  return <NProgress value={50} />;
};


export default Progress;

Attributes

NameTypeDefaultDetails
valuenumberRequiredProgress value (0-100).
classNamestring' 'You can customise progress container by passing tailwind classes.
indicatorClassNamestring' 'You can customise progress indicator by passing tailwind classes.

Tags

React Native ProgressReact Native Progress BarReact Native Loading ProgressMobile Progress React NativeReact Native Progress ComponentReact Native Progress LibraryReact Native Progress IndicatorReact Native Circular ProgressReact Native Linear ProgressReact Native Progress CircleReact Native Loading BarReact Native Progress TrackerReact Native Step ProgressMobile Progress ComponentCross Platform ProgressExpo Progress ComponentReact Native Progress TutorialReact Native Progress TypeScriptReact Native Progress UI