elemental-design / elemental-design/style-guide

StyleGuide component

Open
#1 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Take a styleguide schema input, with template wrapper overrides. Needs to be platform specific to resolve page/artboard/frame components.

e.g. for `StyleGuide.sketch.js`

```jsx
const StyleGuide = () => (
<>
{styleguide.map(({
type, name, screens, data, pages,
}) => (
<>


{screens.map(({ name: screenName, component: Component, data: compData }) => (



))}


{pages && pages.map(page => (


{pages.map(({ name: screenName, component: Component, data: compData }) => (



))}


))}

))}

);
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the StyleGuide.sketch.js example in the issue and inspect the repository for the existing style-guide generator entry point. Determine how a schema input and template wrapper overrides should map to platform-specific page, artboard, and frame components. Done means the StyleGuide component supports the described schema and platform resolution behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend, tooling
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.