sapegin/stack-styled

Add columns prop

Open

#9 opened on Nov 8, 2019

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (2 forks)github user discovery
help wanted

Repository metrics

Stars
 (138 stars)
PR merge metrics
 (PR metrics pending)

Description

To easily define number of columns in a responsive way, similar to Theme UI Grid component.

Note: columns may not be the best name, as it conflicts with the columns CSS property, and this is something I'd like to avoid in stack-styled.

Note 2: either columns or minColumnWidth can be used, but not both at the same time, so it would be great to show a warning when the user tries to use both props.

Contributor guide

Research direction
Implement a new `columns` prop for the Stack component, ensuring it works alongside existing `minColumnWidth` prop with a warning when both are used. Define the prop type and add corresponding CSS styles.
Tech stack
typescriptreact
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
React
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85