Skip to content

docs(input): add fieldset + label example without a legend#4606

Open
JamBalaya56562 wants to merge 1 commit into
saadeghi:masterfrom
JamBalaya56562:docs-input-fieldset-label-example
Open

docs(input): add fieldset + label example without a legend#4606
JamBalaya56562 wants to merge 1 commit into
saadeghi:masterfrom
JamBalaya56562:docs-input-fieldset-label-example

Conversation

@JamBalaya56562

@JamBalaya56562 JamBalaya56562 commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

What

Closes #3573

Adds a simple fieldset + label grouping example (without a fieldset-legend) to the Text Input docs page, right after the existing "With fieldset and fieldset-legend" example.

<fieldset class="fieldset">
  <label class="label" for="name">Name</label>
  <input type="text" id="name" class="input" placeholder="Name" />
</fieldset>

Why

In #3573 the reporter pointed out that the input docs only demonstrate grouping with a fieldset-legend, and there was no simple fieldset + label example matching the form-control replacement in the upgrade guide. This adds exactly that, using for/id to associate the label with the input.

The issue's other concern — the overlap between fieldset-label and label — has since been resolved: fieldset-label is now marked deprecated in favor of label in fieldset.css (kept only to avoid a breaking change) and no longer appears in any docs example. So this PR only addresses the remaining, still-missing example.

Notes

  • Docs-only change, one file.
  • Follows the existing example convention (live preview + $$-prefixed code block).
  • Verified locally: the docs dev server renders the new "With fieldset and label" section and its live preview correctly.

@saadeghi saadeghi self-assigned this Jul 2, 2026
The input docs only showed a fieldset grouping example that uses a
`fieldset-legend`. Add a simpler `fieldset` + `label` example (no
legend) that mirrors the form-control replacement shown in the upgrade
guide, using `for`/`id` to associate the label with the input.

closes saadeghi#3573

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@JamBalaya56562 JamBalaya56562 force-pushed the docs-input-fieldset-label-example branch from 9bbe86d to 8ce518e Compare July 3, 2026 00:07
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.

docs: improve replacement examples for form-control

2 participants