CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-rc-input-number

React input-number component with step controls, validation, and formatting features

92

1.48x

Quality

Pending

Does it follow best practices?

Impact

92%

1.48x

Average score across 10 eval scenarios

Overview
Eval results
Files

rubric.jsonevals/scenario-4/

{
  "context": "This evaluation assesses how well the engineer uses @rc-component/input-number's semantic part styling features, specifically the classNames prop, to apply custom CSS classes to different parts of the numeric input component. The focus is on proper usage of the classNames object structure to target root, input, and actions parts.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "InputNumber import",
      "description": "Correctly imports the InputNumber component from '@rc-component/input-number' package",
      "max_score": 10
    },
    {
      "name": "classNames prop usage",
      "description": "Uses the classNames prop on the InputNumber component to apply semantic part styling",
      "max_score": 25
    },
    {
      "name": "Root part styling",
      "description": "Applies 'custom-root' class to the root part using classNames.root property",
      "max_score": 20
    },
    {
      "name": "Input part styling",
      "description": "Applies 'custom-input' class to the input part using classNames.input property",
      "max_score": 20
    },
    {
      "name": "Actions part styling",
      "description": "Applies 'custom-actions' class to the actions part using classNames.actions property",
      "max_score": 20
    },
    {
      "name": "Default value configuration",
      "description": "Sets the defaultValue or value prop to 0 to meet the initial value requirement",
      "max_score": 5
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-rc-input-number

tile.json