Table of Contents generated with DocToc

• <elseif>

<elseif>

The <elseif> structural component allows you to create a sequence of conditional statements, rather than nesting multiple <if> and <else> conditionals:

export default <using value={ 'blue' } as={ color }>
    My favorite color is:
    <if condition={ color === 'blue' }>
        the color of the sky
    </if>
    <elseif condition={ color === 'green' }>
        the color of grass
    </elseif>
    <else>
        another color
    </else>
</using>;

The <elseif> component must always follow <if> or another <elseif>.