[Feature request] Allow <Label> in River + Bentos

[simurai]

Problem

The Copilot page has features that are not available for everyone. So we used a <Label> to mark something as only available for "Enterprise".

River	Bento

Unfortunately, <Label> is not supported as a child of River and Bento.

Possible solution

Allow <Label> as a child of River and Bento. Ideally, positioned at the top.

Urgency

This is not too urgent. The current workaround is not very pretty, but works for now:

1. Add the <Label> inside <Heading>. 😈
2. Then use some custom styles to reset the inherited <Heading> styles.

<River.Content>
  <Heading as="h3">
    <Label className="Label--inRiver">Copilot Enterprise</Label>
    Docs that feel tailored for you.
  </Heading>

.Label--inRiver {
  display: block;
  width: fit-content;
  margin-bottom: var(--brand-River-heading-margin);
  font-size: var(--brand-text-size-300);
  letter-spacing: normal;
}

[nsolerieu]

Interface guidelines notes from Site Design:

• Don't use long unique label. in most case Labels are intended to convey the status of something, in most cases new but also limited, beta...
• Don't feature on a label on every single river of a page. Labels are meant to be a callout.

---

Once this is implemented let me know and I'll get a PR going to add these to the river component doc