Initial proposal

[douglasduteil]

Hi

I'm done working on a fist version of a splitter.

What you think ?

[nateabele]

I like it, it's clean. My only question is, what's the reasoning behind restricting ui-layout to class-only? IMO a better pattern would be to use it as an attribute if nothing else.

[douglasduteil]

Thanks @nateabele
Why it's class-only ? No reason... I was testing stuff cause the css must match. But I can clearly do more!

<div class="ui-layout" ui-layout-opts="{ flow : 'row' }"></div>
<div ui-layout ui-layout-opts="{ flow : 'row' }"></div> // Bad looking
<div ui-layout="{ flow : 'row' }"></div>
<ui-layout ui-layout-opts="{ flow : 'row' }"></ui-layout>

What you think ?

[nateabele]

Ah, I wasn't thinking about the CSS issue. However, I think you can change the selector to .ui-layout, [ui-layout], ui-layout { ... } to match all 3.

As far as syntax, I prefer the terseness of either of these two:

<div ui-layout="{ flow : 'row' }"></div>
<ui-layout options="{ flow : 'row' }"></ui-layout>

How's that?

[douglasduteil]

Sweet 👍

[ticlaudeberube]

Are the splitters width and height properties configurable. For instance, could it detect bootstrap grid to size spliters?