If

Used to conditionally show children, however the code within the children is still executed regardless of whether the condition is true or false

Props

children

Node

Bool

Examples

<Toggle initial={false}>
  {({ on, toggle }) => (
    <div>
      <Button onClick={toggle}>{on ? 'Hide Text' : 'Show Text'}</Button>
      <If if={on}>This text is conditionally shown using an If block</If>
    </div>
  )}
</Toggle><Toggle initial={false}>
  {({ on, toggle }) => (
    <div>
      <Button onClick={toggle}>{on ? 'Hide Text' : 'Show Text'}</Button>
      <If if={on}>This text is conditionally shown using an If block</If>
    </div>
  )}
</Toggle>

If

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Examples

Props