Design System

I’ve been trying to style my forms similarly, specifically with the line under each field. I haven’t figured out how to do so in the design system, but it may be possible using custom CSS available in the new Boston release. If not, maybe a good candidate for an idea/feature request?

I would hope it’s possible with Design System, but I haven’t been able to find anything either.

If you’re using custom CSS, then it would looks something like this:

custom section under form.js

return {
    "row": {
        "&:not(:last-child)": {
            'padding-bottom': '10px',
            'border-bottom': '1px solid #d1d3d5'
        }
    },
}

Best,

Lukas