@arksouthern/jsx - npm explorer

Four core JSX tools designed for Solid JS

HandleSet

``tsx import HandleSet from "@arksouthern/jsx/hx";``tsx


      caroselNext: () => {...},
    caroselBack: () => {...},
    cardHovering: () => {...},
    cardHoveringEnd: () => {...},
  }}>
    {handlers => 
      
        
                  src={images[currentlySelected]}
          onMouseEnter={handlers.cardHovering} 
          onMouseLeave={handlers.cardHoveringEnd}
        />
        
      

    }


MatchAs

`tsx import MatchAs from "@arksouthern/jsx/mx";``tsx type FriendStatus = | {as: "followsYou"} | {as: "youFollow"} | {as: "mutual", daysMutual: number} | {as: "none"}``tsx


      followsYou: () => (
      Following you
    ),
    youFollow: () => (
      You are following
    ),
    mutual: x => (
      Mutual {x.daysMutual} for days
    ),
    none: () => <>,
  }} />


A.* Div

`tsx import A from "@arksouthern/jsx/ax";`

`$3`

tsx

$3

tsx


VarSet

`tsx import VarSet from "@arksouthern/jsx/vx";``tsx


      imageUrl={images[currentlySelected].url}
    profile={friends[currentlySelected].profile}
    recentPost={posts.filter(bySelected).sort(byNewest)[0]}
  >
    {props => 
      
        
        {props.recentPost.previewText}

      
    }