Skip to content

[EuiRange] Migrate from class to function component #9494

@weronikaolejniczak

Description

@weronikaolejniczak

EuiRange provides a single-handle range slider with optional tooltip, ticks, levels, and input field.

  • File: components/form/range/range.tsx
  • Class size: 293 lines
  • State: id, isPopoverOpen, trackWidth
  • Lifecycle: None

Migration notes:

No lifecycle methods despite size. State is simple. Complexity is in the input/slider coordination and tooltip positioning. Should be migrated together with or before EuiDualRange.

Acceptance criteria:

  • Convert to function component with hooks
  • Maintain slider/input coordination
  • All existing tests pass

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions