Hi everyone I'd like the validation errors for my Fomantic Form to display with a smooth animation. Currently they just pop into view, it looks clunky. It seems there is a setting -'transition' - to modify this but I can't figure out how to make it work:

https://fomantic-ui.com/behaviors/form.html#/settings

I'm trying to incorporate this setting like this:

$(#myForm).form({   
    fields: {
        name: {
            identifier: 'field-name',
            rules: someRules
        }
    },
    transition: 'fade'
})

I tried adding another setting 'inline: true' to this same object and it worked, so there must be something else required to make the 'transition' setting active, and to animate the validation errors. Any ideas? thanks