Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProRating slider with emoji feedback, built from the slider component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Rating slider with emoji feedback, built from the slider component. Use it as a starting point for the slider in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the label, slider components, which keep their own focus, keyboard and ARIA behaviour. Sliders respond to arrow keys, Home and End. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (slider-emoji-rating.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-slider-12 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.