Skip to content

Progressbar not clear label usage #468

@rluders

Description

@rluders

Describe the bug

The current way that we enable and change progressbar label isn't very clear:

flowbite-react com_storybook__path=_story_components-button--default-button args=outline_true;fullSized_true;color_purple (2)

For example, in the case of the screenshot:

  • labelPosition: "none"
  • labelProgress: true

What is the expected result here? Should it display the label or not? What does none mean for the position?

To Reproduce
Steps to reproduce the behavior:

Check the storybook

Expected behavior

I would like to have more flexible labeling for the progressbar. I think that we should have two labels:

  • textLabel, which could handle any custom text.
  • progressLabel, which would handle the percent number of the progress bar.

I also would like to play with both positions and enable/disable them.

Screenshots

N/A

System information:

N/A

Project information:

  • Tailwind: 3.0.0
  • Flowbite: 1.4.7
  • Flowbite React: 0.3.5
  • Type: CRA

Additional context

N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions