Stack Overflow
Stack Overflow

Questions tagged [patternlab.io]

Pattern Lab is, at its core, a static site generator. It combines platform-agnostic assets, like the Mustache-based patterns and the JavaScript-based viewer, with a PHP-based or Node-based "builder" that transforms and dynamically builds the Pattern Lab site. By making it a static site generator, Pattern Lab strongly separates patterns, data, and presentation from build logic.

Read more about Pattern Lab at http://patternlab.io/

52 questions
7
votes
1 answer

Combine Backend and Frontend Development with Laravel, Patternlab, Atomic Design and Vue.js

I'm going to launch a new project with this two frameworks (I like): Laravel 5 Vue.js The Frontend developer prepares the HTML's in atomic design, generated with patternlab.io. Now I'm looking how I can integrate the patternlab.io project that I…
brokedid
  • 879
  • 2
  • 10
  • 35
7
votes
3 answers

Does Pattern Lab "not mix well" with Angular?

​As an interaction designer looking for better ways to collaborate with developers, I have tried to introduce Pattern Lab to my current client. The lead developer for the front end framework pushes back, however. Main gist of his argument: Our…
bjornte
  • 749
  • 1
  • 9
  • 31
4
votes
2 answers

Pattern Lab with angular4

As Angular 2 or Angular 4 requires too much of code to be write in HTML/TS/CSS per Component. What if I use Pattern lab with Angular 4 ?. What I think is Using Pattern Lab will require more maintenance and we need to write more Code in this to…
cop
  • 603
  • 1
  • 6
  • 13
4
votes
1 answer

What from Pattern Lab should be committed to the master branch?

I'm starting our first project using Pattern Lab and I can't tell what I should commit for my team. The Twig build came with a .gitignore file that had the…
alexbea
  • 1,311
  • 14
  • 25
3
votes
1 answer

Pattern Lab with second package.json

I have a Pattern Lab edition-node-gulp set up and would like to use NPM to manage UI dependencies, like jQuery, D3 and others. Pattern Lab is set up so that development happens in a 'Source' folder, which is complied and moved to a 'Public' folder.…
Mike Thone
  • 58
  • 3
3
votes
2 answers

Patternlab twig includes with params

I am using the node version of patternlab with twig as template engine. I am using twig because my codebase is written in twig - so using mustache it not an option. I simple try to include an pattern:
2
votes
0 answers

Handlebars limit scope of partial variable to one descendant

Using handlebars is it possible to pass a sting from one partial to another in this manner: Parent Template
{{>text-field parentclass="two-col__"}} {{>text-field parentclass="two-col__"}}
Child Template
BMCwebdev
  • 146
  • 2
  • 12
2
votes
0 answers

Presenting hierarchical data in Pattern lab

My team is experimenting with Pattern Lab. We have run into a problem when trying to combine "organisms" to form an instantiated template. The issue is that while we have hierarchical JSON data, we cannot target the individual organisms with…
bjornte
  • 749
  • 1
  • 9
  • 31
2
votes
2 answers

Using Patternlab with TYPO3 Fluid

I would like to use Patternlab to build Fluid-Templates for TYPO3. I already found a standalone Version of the Fluid-Engine (didn't try it yet, though). My question is, how do I implement the Fluid-Engine into Patternlab (instead of Mustache, for…
Swissdude
  • 3,486
  • 3
  • 35
  • 68
2
votes
1 answer

grunt-browser-sync double injection of the reload script

i'm using browsersync on a patterlab project (https://github.com/pattern-lab/patternlab-php) and patternlab page is divided by a body for the patterlab controls and and iframe with the styleguide contents. what happens is the js script is injected…
valerio0999
  • 11,458
  • 7
  • 28
  • 56
1
vote
1 answer

Problem installing Pattern Lab 3 plus Twig

I'm having some trouble with Pattern Lab 3 plus Twig. Following the instructions at https://patternlab.io/docs/installation.html: I install with: npm create pattern-lab. I choose Twig (PHP) as the templating language. I choose Twig (PHP) demo…
user3250335
  • 457
  • 2
  • 4
  • 13
1
vote
0 answers

How to handle themes for components built using pattern-lab?

We have used pattern-lab to build some set of components following atomic design principles. We have a requirement now to theme these components for different websites. Fonts, colors would vary across each site. I would like to understand what would…
Sandeep Pulikallu
  • 11
  • 1
1
vote
2 answers

Adding selectize.js to patternlab.io implementation

I have a patternlab implementation (edition-node-gulp). I'm trying to add selectize.js to it (https://github.com/selectize/selectize.js). When I add the indicated jquery function to the foot.mustache file, and check out the result, console indicates…
Mike Earley
  • 1,223
  • 4
  • 20
  • 47
1
vote
1 answer

Patternlab Handlebars passing data variable as string literal

I am working on a project with handlebars, patternlab-node and gulp. Right now my .hbs files are not working if I try to pass arguments to an atom partial. I've listed an example below. The molecule:
caraclarke
  • 370
  • 1
  • 5
  • 24
1
vote
0 answers

Angular2 with Patternlab

Atomic Design with Pattern lab & Angular 2. We are trying to use pattern lab (with Mustache or Twig) in our Angular 2 project. Any one has any idea on this ?
Jaipal Singh Chouhan
  • 21
  • 2
1
2 3 4