ConsenSysMesh / ConsenSysMesh/rimble-ui

Add Grid component

Open
#302 5 comments 0 reactions 0 assignees View on GitHub
enhancement help wanted
Dominant language
JavaScript
Stars
455
Forks
60
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
rimble doesn't offer a grid component that can hook up to the values in the theme.

**Describe the solution you'd like**
A Grid component with common styled-system props and access to the theme.

``
Default:
display: grid

Props:
gridGap
gridTemplateColumns
gridTemplateRows
gridTemplateAreas
...Box

``
Default:
grid-name: ${props => props.name}

Props:
...Box

**Describe alternatives you've considered**
using the native grid element

**Additional context**
https://styled-system.com/table#grid-layout

Acceptance criteria:
- Should have new Grid component
- Grid should have grid props
- Should have new GridArea component
- GridArea should have name props
- Grid and GridArea should extend Box

E: 1 D

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the existing Box component and related styled-system-based components in the repository, then compare their props and tests with the grid-layout reference linked in the issue. Add Grid and GridArea with the listed acceptance criteria, including theme-aware grid props and Box behavior, and verify the component tests cover the requested props and name handling.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.