Nattily Polished Marbles

    react-ternary-operator
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.4 • Public • Published

    React Ternary Operator

    Coverage Status Gitlab pipeline status (branch)

    Ternary operator implemented in JSX.

    Includes TypeScript definitions

    npm install --save react-ternary-operator

    Checkout React When->Then to unlock full potential of JSX conditions.

    import { Ternary, Truthy, Falsy } from 'react-ternary-operator';
    
    export const MyComponent = (props) => (
      <Ternary condition={props.items.length === 10}>
        <Truthy>
          <h1>You've got 10 all 10 items!</h1>
        </Truthy>
        <Falsy>
          <h1>There are more items to go!</h1>
        </Falsy>
      </Ternary>
    );
    

    Components

    Ternary

    Ternary component encapsulates the logic of the ternary operator.

    Props

    Name Type Required Description
    condition boolean or () => boolean true Either expression that resoles to boolean or Function that returns boolean.

    Truthy

    Encapsulates the elements returned when condition resolves to truthy.

    Defines no props.

    Falsy

    Encapsulates the elements returned when condition resolves to falsy.

    Defines no props.

    Install

    npm i react-ternary-operator

    DownloadsWeekly Downloads

    0

    Version

    0.0.4

    License

    MIT

    Unpacked Size

    15.5 kB

    Total Files

    24

    Last publish

    Collaborators

    • deathrage