mpetrovich / stylemark

Generate interactive style guides from Markdown.
MIT License
218 stars 35 forks source link

Angular support? Which versions? How? #7

Open kroeder opened 7 years ago

kroeder commented 7 years ago

Hey,

in the description it sais stylemark supports angular but there's no demo code for any Framework

I'd like to generate a living style guide for my angular components - is this possible or is this a "css/less/scss" style guide only?

Altough there's a documentation I think it's lacking a couple of things like code examples for react / angular / ..., what's possible, what's not possible, which angular version is supported (angularJS? angular 2, 4, 5? - does it even matter?)

Thanks in advance!

gethinoakes commented 6 years ago

Just registering my interest for this too, thanks.

mpetrovich commented 6 years ago

Stylemark is relatively framework-agnostic and should work with Angular 1.x and 2.x. Sorry for the delay in documentation, we'll be adding examples and better docs for Angular soon!

ReindDooyeweerd commented 6 years ago

Any news on the updated docs? I'm trying to get it working with an Angular project but didn't have any luck with it yet.

upstroke commented 6 years ago

Same here, would love to have some documentation for other frameworks like VueJS

mpetrovich commented 6 years ago

@Vout Sorry it's been so long to get the framework-specific steps documented. TL;DR, for AngularJS 1.x use .angularjs for JS blocks that you want to assign to the HTML scope. These will be compiled via $scope.$eval()

```example.html
<button>{{ label }}</button>
```
```example.angularjs
label = "Click me"
```
geocine commented 6 years ago

@mpetrovich thanks, how about for angular2+?

daiky00 commented 6 years ago

@mpetrovich is this going to work with Angular 6 that just came out?