gluestack / gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
https://gluestack.io/
MIT License
2.68k stars 121 forks source link

Indeterminate progress bar #2114

Open ahl-trifork opened 6 months ago

ahl-trifork commented 6 months ago

Description

I'd love to see an indeterminate progress for grluestack-ui. Currently it seems like the spinner is the only option for showing indeterminate progress. Here is an example from material design: https://m2.material.io/components/progress-indicators

Problem Statement

When reloading or refetching data a slim indeterminate progress bar is ideal to indicate that data is updated in the backgound, without temporarily replacing current contents with a spinner, or in other ways adjusting the UI to make space for at spinner.

Proposed Solution or API

Either adding an isIndeterminate prop or allowing indeterminate as a value in the Progress component or add an isLinear prop to the Spinner component.

Alternatives

No response

Additional Information

There is a $indeterminate prop on the Progress component, but to me it doesn't seem to do anything.

surajahmed commented 6 months ago

@ahl-trifork, Thanks for your suggestion. We'll consider this.

anmol-fzr commented 3 weeks ago

@sra1kumar-NULL @Viraj-10 Hey man, I would love to contribute to gluestack and add new component, Could you guys please assign this to me.