Pug Mixin Example

_stepper.pug

// _stepper.pug  
mixin stepper(title, name, val, inactive)
    p.c-hitlist__label= title
        if inactive
            .stepper__wrapper.disabled__wrapper(id=name+'Stepper')
                // Decrease value (disabled/default)
                button.stepper__dec(type='button', disabled)
                    img(src=IMG_pfad+'icons/ih-iconset/minus-676767.svg')
                // Textinput for direct value-manipulation (inactive + predefined value/default)
                if val
                    input.c-hitlist__input.stepper__input(type='text', placeholder='beliebig', name=name, id=name, value=val, disabled)
                // Increase value (disabled/default)
                button.stepper__inc(type='button', disabled)
                    img(src=IMG_pfad+'icons/ih-iconset/plus-676767.svg')
                include _input-tooltip.pug