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-6/

{
  "context": "This criteria evaluates how well the engineer uses @rc-component/input-number to create a regional number input with comma decimal separator, specifically assessing proper usage of decimalSeparator, step, min/max, and prefix props.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "decimalSeparator prop",
      "description": "Uses the decimalSeparator prop set to \",\" (comma) to enable European-style decimal input format",
      "max_score": 35
    },
    {
      "name": "step prop",
      "description": "Uses the step prop set to 0.5 to configure increment/decrement buttons to adjust values by half units",
      "max_score": 20
    },
    {
      "name": "min and max props",
      "description": "Uses the min prop set to 0 and max prop set to 100 to enforce the specified value range",
      "max_score": 20
    },
    {
      "name": "prefix prop",
      "description": "Uses the prefix prop set to \"€\" to display the euro currency symbol before the input value",
      "max_score": 20
    },
    {
      "name": "Component usage",
      "description": "Correctly imports the default export from @rc-component/input-number and uses it as the base component (commonly imported as InputNumber)",
      "max_score": 5
    }
  ]
}

Install with Tessl CLI

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

tile.json