Skip to content

docs(slider): add custom marker labels example - #10997

Closed
salehghotbani wants to merge 1 commit into
chakra-ui:mainfrom
salehghotbani:docs/slider-marker-label
Closed

salehghotbani wants to merge 1 commit into
chakra-ui:mainfrom
salehghotbani:docs/slider-marker-label

Conversation

@salehghotbani

@salehghotbani salehghotbani commented Sep 12, 2026

Copy link
Copy Markdown
Contributor

📝 Description

Add an example demonstrating direct composition and customization of Slider.MarkerLabel.

⛳️ Current behavior (updates)

The Slider documentation demonstrates the Slider.Marks shortcut, but it does not show how to compose marker parts directly when each marker requires individual styling.

🚀 New behavior

A new Custom Marker Labels example composes:

  • Slider.MarkerGroup
  • Slider.Marker
  • Slider.MarkerIndicator
  • Slider.MarkerLabel

Each marker label is styled independently to represent low, medium, and high threshold values.

💣 Is this a breaking change (Yes/No):

No.

📝 Additional Information

The existing Slider.Marks examples remain unchanged. This example documents the lower-level composition API without adding dependencies.

RetriggerConfidence Score: 5/5

The PR appears safe to merge with no actionable correctness or quality issues identified.

Summary

  • Introduces individually colored Low, Medium, and High marker labels.
  • Links the new composition from the Slider documentation.

Reviews (1) · Last reviewed commit: "docs(slider): add custom marker labels e..."

@vercel

vercel Bot commented Sep 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
chakra-ui-storybook Ready Ready Preview Sep 12, 2026 7:11pm UTC
chakra-v3-docs Ready Ready Preview Sep 12, 2026 7:11pm UTC

Request Review

@changeset-bot

changeset-bot Bot commented Sep 12, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 0dc0218

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@Adebesin-Cell

Copy link
Copy Markdown
Collaborator

Thanks a lot for these examples! 🙏 To make review easier we've consolidated them into #11001, where your commits are preserved. Closing this in favor of that one.

This branch was successfully deployed

2 active deployments
Preview – chakra-v3-docs 0dc02188 Deployed Sep 12, 2026 by vercel[bot]
Preview – chakra-ui-storybook 0dc02188 Deployed Sep 12, 2026 by vercel[bot]
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.

2 participants