vacarsu / uikit-react

UIkit components wrapped with React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Grid Component broken - gutter prop not working as well

Eggeriley opened this issue · comments

There are a lots of undefined tags that break the padding on the left as well

<div class="uk-grid-uk-large undefined uk-grid" uk-grid="
                    undefined
                 "><button class="uk-button uk-button-default uk-first-column">item 1</button><button class="uk-button uk-button-default ">item 1</button><button class="uk-button uk-button-default ">item 1</button></div>

Grid works well with the Section component.

<Grid gutter="small">
  <Section>Test</Section>
  <Section>Test</Section>
  <Section>Test</Section>
</Grid>

We can either make a more declarative <GridItem> component for clarity or specify the use of Section in the docs. What do you guys think. @Eggeriley @Honorwalk

Closing this as it works with the section component.