lilactown / helix

A simple, easy to use library for React development in ClojureScript.
Eclipse Public License 2.0
624 stars 52 forks source link

How to use with uikit? #135

Closed iganza closed 1 year ago

iganza commented 1 year ago

Hi,

I am trying to use UIKit and some of the elements have a "-" in the attribute name.

For example to setup the grid I need to say:

When I use the form: (d/div {:class "ukgrid-large uk-child-width-expand@s uk-text-center" :uk-grid ""})

The uk-grid div is being created as the following but missing the "-".

div class="ukgrid-large uk-child-width-expand@s uk-text-center" ukgrid="">

How to resolve this? Thanks.

lilactown commented 1 year ago

This sounds similar to https://github.com/lilactown/helix/issues/130

With the latest main branch code, if you wrap uk-grid in quotes instead of passing as a keyword

(d/div {:class "ukgrid-large uk-child-width-expand@s uk-text-center" "uk-grid" ""})

it should fix it

iganza commented 1 year ago

Thank you for your quick reply. Works, all good now!