influxdata / influxdata/clockface
Add new input style
- Dominant language
- TypeScript
- Stars
- 46
- Forks
- 18
- Avg merge
- 2d 7h
- Merged PRs (30d)
- 1
Description
This input would be called "read-only" and would follow the styles of the other label + input items, except instead of an input field it would be used to show static values. It is different than a disabled field because a disabled field implies that the value can possibly be edited at some point, whereas read-only text (without the dropdown/text input box/etc) implies that it is a static value that is not editable in the context they're viewing it in.
https://www.figma.com/file/W8Xpu3GjL2xSU9tbZCY9B0/Clockface-4.0?node-id=1667%3A22877
Example usage:

Contributor guide
Research direction
Start by reviewing the existing label + input components and the linked Figma design for the proposed read-only style. Add a read-only variant that displays static values without an editable input control, matching the other items and the provided example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, storybook, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100