Either

import { Either } from 'flowr';

An Either is like a regular if/else statement When the predicate is true, it will render the first child, otherwise it will render the second.

Either will only consider the first two children, everything else will be ignored. You can use a any other wrapping element or a `Fragment` to get around this limitation.


  
    A
    B
  


// for predicate === true:

  A


// for predicate === false:

  B

Props

Name	Type	Default	Description
when	bool	true	When this is `true`, render the first child element. If `false`, render the second.