Thanks, I wasn’t sure if there was an easier way but this makes sense.
I can play with a bundler for a more elegant solution later but per the example I just made a /lib folder and dropped everything in there.
I know this is an old topic, and you most probably found a solution already.
But I will reply anyway because I just run into the same problem, and others might as well.
After lots of different tests, I figured the issue was with a fixed height for the ons-list-item. In my case, I don’t really know where it is coming from, but I managed to solve it adding “height: auto”.
Adapting the code would be something like this:
<ons-list-item expandable style=“height: auto”>
Tap to expand
<div class=“expandable-content”>Expandable content</div>
It’s hard to know without seeing the files, but it looks like the components directory contains CSS only for specific components. In that case you want the styles in the components directory to override the ones in onsen-css-components.css. So you should still import theme.css and onsen-css-components.css as normal, but then after the onsen-css-components.css import, import each file in the components directory. (I think.)