yahoo/jafar

Add component view/Labels

Open

#28 opened on Feb 13, 2020

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)JavaScript (9 forks)auto 404
enhancementgood first issuehelp wanted

Repository metrics

Stars
 (109 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Add view component of Label to react-components package.

  • expected value - array of strings.

  • should have a state option of "inline" (default is true).

  • if inline = true, render the array of string as arr.join(', '). Should also have a "maxItems" (default to 20), and if has more items than 20 show a link of "Show all". When clicking it - it should open a modal that shows all the labels in a scrollable div, each item in one line.

  • if inline=false, render items in a scrollable div (max-height default to 150px). Each array item in one line

  • Add also an .md file similar to other components

Contributor guide

Research direction
Implement the Labels component according to the spec, following existing component patterns in the react components package.
Tech stack
javascriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70