elemental-design / elemental-design/style-guide
StyleGuide component
- 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