Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change BlockLabel element to use <label> #5864

Merged
merged 11 commits into from Oct 12, 2023

Conversation

aileenvl
Copy link
Contributor

refactor: change to label tag where label property is accepted by component

BlockLabel is being used as the main component for labels and should address the issue reported in Chat and File component

closes issue 5454

Description

all the the components that accept label as an input used tag.

Closes: #5454

Tests

  1. PRs will only be merged if tests pass on CI. To run the tests locally, please set up your Gradio environment locally and run the tests: bash scripts/run_all_tests.sh

  2. You may need to run the linters: bash scripts/format_backend.sh and bash scripts/format_frontend.sh

…ponent

BlockLabel is being used as the main component for labels and should address the issue reported in Chat and File component

closes issue 5454
@gradio-pr-bot
Copy link
Contributor

gradio-pr-bot commented Oct 11, 2023

🪼 branch checks and previews

Name Status URL
Storybook ready! Storybook preview
Visual tests all good! Build review
🦄 Changes detected! Details

@gradio-pr-bot
Copy link
Contributor

gradio-pr-bot commented Oct 11, 2023

🦄 change detected

This Pull Request includes changes to the following packages.

Package Version
@gradio/atoms minor
gradio minor
  • Maintainers can select this checkbox to manually select packages to update.

With the following changelog entry.

Change BlockLabel element to use <label>

Maintainers or the PR author can modify the PR title to modify this entry.

Something isn't right?

  • Maintainers can change the version label to modify the version bump.
  • If the bot has failed to detect any changes, or if this pull request needs to update multiple packages to different versions or requires a more comprehensive changelog entry, maintainers can update the changelog file directly.

@hannahblair
Copy link
Collaborator

Thanks so much for contributing this @aileenvl! I have a small suggestion above

hannahblair and others added 2 commits October 12, 2023 00:07
@hannahblair hannahblair changed the title refactor: change to label tag where label property is accepted by com… refactor: Change BlocksLabel element to use <label> Oct 12, 2023
@hannahblair hannahblair changed the title refactor: Change BlocksLabel element to use <label> Change BlocksLabel element to use <label> Oct 12, 2023
@hannahblair hannahblair changed the title Change BlocksLabel element to use <label> Change BlockLabel element to use <label> Oct 12, 2023
@hannahblair
Copy link
Collaborator

hannahblair commented Oct 12, 2023

Thanks for making that change! We should change the div selectors in the CSS styles to label (lines 24, 58, 62, and 67 in BlockLabel.svelte)

@hannahblair
Copy link
Collaborator

Thanks so much for contributing this change @aileenvl! LGTM :)

@hannahblair hannahblair merged commit e70805d into gradio-app:main Oct 12, 2023
9 of 13 checks passed
This was referenced Oct 12, 2023
@hannahblair
Copy link
Collaborator

hannahblair commented Nov 6, 2023

Hey @aileenvl!

We wanted to reach out to thank you for your contributions to gradio. We're giving away Hugging Face merch to contributors during Hacktoberfest, and we'd like to send you something! Would you be able to send an email to team@gradio.app so we can get in touch?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Introduce <label> html tag to components that use label input
3 participants