Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Reusable components & content mapping #13

Open
oalexdoda opened this issue Aug 26, 2019 · 0 comments
Open

Reusable components & content mapping #13

oalexdoda opened this issue Aug 26, 2019 · 0 comments

Comments

@oalexdoda
Copy link

oalexdoda commented Aug 26, 2019

Is it possible to assign "af-el" to multiple elements with the same class to make them act as a singular component and have content mapped so that the components render content as well?

Currently, it renders something like this:

<div>
    <MenuLinkView.Controller />
    <MenuLinkView.Controller />
    <MenuLinkView.Controller />
    <MenuLinkView.Controller />
</div>

And the intended behavior would be something like this

<nav>
    <MenuLinkView.Controller label="Home" />
    <MenuLinkView.Controller label="Features" />
    <MenuLinkView.Controller label="Pricing" />
    <MenuLinkView.Controller label="Contact" />
</nav>

Also, since we're using BEM, classes are pretty well named, but it looks like Appfairy renames all classes. Any way to make certain classes preserve their original name? e.g. if they start with a prefix, such as abr-c- in our case:

Original class: abr-c-menu__dropdown
Appfairy class: af-class-abr-c-menu__dropdown

Any thoughts? @DAB0mB

Thanks!
Alex

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant