mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-13 09:00:16 +00:00
2ef354447d
## Summary - Add Storybook stories for `Slider` component matching Figma design system variants 1:1 - Stories at `Components/Slider`: **Default** and **Disabled** - Add hover background (`hover:bg-component-node-widget-background-hovered`) to `WidgetInputNumberSlider` only ## Figma reference [Comfy Design System — Slider](https://www.figma.com/design/vALUV83vIdBzEsTJAhQgXq/Comfy-Design-System?node-id=2-9718&m=dev) ## Scope decisions - **Hover**: Added to `WidgetInputNumberSlider.vue` only — other widgets need separate verification before applying - **Invalid**: Not implemented in `Slider.vue` — excluded until component supports it ## Files changed - `src/components/ui/slider/Slider.stories.ts` — new - `src/renderer/extensions/vueNodes/widgets/components/WidgetInputNumberSlider.vue` — add hover background ## Test plan - [ ] `pnpm storybook` — verify Default and Disabled render under `Components/Slider` - [ ] Hover background visible on slider widget in app (e.g. KSampler `cfg` slider) - [ ] Other widget inputs (text, textarea, select) unchanged - [ ] `pnpm typecheck` — passes - [ ] `pnpm lint` — passes 🤖 Generated with [Claude Code](https://claude.com/claude-code) --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>