influxdata / influxdata/clockface

Add new input style

Open
#896 0 comments 0 reactions 0 assignees View on GitHub
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:
![image](https://user-images.githubusercontent.com/1813419/200425308-bca0a1be-f311-4390-9e9b-55b114987873.png)

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.