0.1.0-alpha.317 • Published 9 months ago

@mittwald/react-tunnel v0.1.0-alpha.317

Weekly downloads
-
License
-
Repository
-
Last release
9 months ago

@mittwald/react-tunnel

It's like a Portal – but with React components

Renders everything inside <TunnelEntry id="tunnelId" /> in the corresponding <TunnelExit id="tunnelId" />.

import { TunnelProvider, TunnelEntry, TunnelExit } from "@mittwald/react-tunnel";

function App() {
  return (
    <TunnelProvider>
      <h1>My cool App</h1>
      <TunnelExit id="callToAction" />
      <PagesRouter />
    </>
  );
}

function ProfilePage(props) {
  const { user } = props;
  return (
    <Page>
      <EditProfileForm />
      {!user.mfaEnabled && (
        <TunnelEntry id="callToAction">
          <Link href="/profile/mfa">Enable MFA</Link>
        </TunnelEntry>
      )}
    </Page>
  );
}

Components

<TunnelProvider />

This component manages the "transfer" and must be a parent of all Tunnel components.

<TunnelExit />

This component renders the children placed inside the corresponding <TunnelEntry />. All children of the <TunnelExit /> itself are rendered, if nothing is in the TunnelEntry.

Props

  • id: Use the id prop to identify multiple Tunnels.

<TunnelEntry />

All children of this component are rendered inside the corresponding <TunnelExit />.

Props

  • id: Use the id prop to identify multiple Tunnels.
0.1.0-alpha.311

9 months ago

0.1.0-alpha.310

9 months ago

0.1.0-alpha.315

9 months ago

0.1.0-alpha.314

9 months ago

0.1.0-alpha.313

9 months ago

0.1.0-alpha.312

9 months ago

0.1.0-alpha.317

9 months ago

0.1.0-alpha.316

9 months ago

0.1.0-alpha.304

9 months ago

0.1.0-alpha.303

9 months ago

0.1.0-alpha.308

9 months ago

0.1.0-alpha.307

9 months ago

0.1.0-alpha.306

9 months ago

0.1.0-alpha.305

9 months ago

0.1.0-alpha.309

9 months ago

0.1.0-alpha.299

9 months ago

0.1.0-alpha.298

9 months ago

0.1.0-alpha.300

9 months ago

0.1.0-alpha.302

9 months ago

0.1.0-alpha.301

9 months ago

0.1.0-alpha.297

9 months ago

0.1.0-alpha.296

9 months ago

0.1.0-alpha.295

9 months ago

0.1.0-alpha.294

9 months ago

0.1.0-alpha.293

9 months ago

0.1.0-alpha.292

9 months ago

0.1.0-alpha.291

9 months ago

0.1.0-alpha.290

9 months ago

0.1.0-alpha.289

9 months ago

0.1.0-alpha.288

9 months ago

0.1.0-alpha.287

9 months ago

0.1.0-alpha.286

9 months ago

0.1.0-alpha.285

9 months ago

0.1.0-alpha.284

9 months ago

0.1.0-alpha.278

10 months ago

0.1.0-alpha.277

10 months ago

0.1.0-alpha.276

10 months ago

0.1.0-alpha.275

10 months ago

0.1.0-alpha.279

10 months ago

0.1.0-alpha.270

10 months ago

0.1.0-alpha.274

10 months ago

0.1.0-alpha.273

10 months ago

0.1.0-alpha.272

10 months ago

0.1.0-alpha.271

10 months ago

0.1.0-alpha.267

10 months ago

0.1.0-alpha.266

10 months ago

0.1.0-alpha.265

10 months ago

0.1.0-alpha.264

10 months ago

0.1.0-alpha.269

10 months ago

0.1.0-alpha.268

10 months ago

0.1.0-alpha.263

10 months ago

0.1.0-alpha.262

10 months ago

0.1.0-alpha.261

10 months ago

0.1.0-alpha.260

10 months ago

0.1.0-alpha.281

10 months ago

0.1.0-alpha.280

10 months ago

0.1.0-alpha.283

10 months ago

0.1.0-alpha.282

10 months ago

0.1.0-alpha.256

10 months ago

0.1.0-alpha.255

10 months ago

0.1.0-alpha.259

10 months ago

0.1.0-alpha.258

10 months ago

0.1.0-alpha.257

10 months ago

0.1.0-alpha.254

10 months ago

0.1.0-alpha.253

10 months ago

0.1.0-alpha.252

10 months ago

0.1.0-alpha.251

10 months ago

0.1.0-alpha.250

10 months ago

0.1.0-alpha.234

10 months ago

0.1.0-alpha.233

10 months ago

0.1.0-alpha.232

10 months ago

0.1.0-alpha.231

10 months ago

0.1.0-alpha.238

10 months ago

0.1.0-alpha.198

11 months ago

0.1.0-alpha.237

10 months ago

0.1.0-alpha.199

11 months ago

0.1.0-alpha.236

10 months ago

0.1.0-alpha.235

10 months ago

0.1.0-alpha.194

12 months ago

0.1.0-alpha.195

12 months ago

0.1.0-alpha.196

12 months ago

0.1.0-alpha.197

12 months ago

0.1.0-alpha.230

10 months ago

0.1.0-alpha.190

12 months ago

0.1.0-alpha.191

12 months ago

0.1.0-alpha.192

12 months ago

0.1.0-alpha.193

12 months ago

0.1.0-alpha.239

10 months ago

0.1.0-alpha.223

11 months ago

0.1.0-alpha.222

11 months ago

0.1.0-alpha.221

11 months ago

0.1.0-alpha.220

11 months ago

0.1.0-alpha.227

10 months ago

0.1.0-alpha.187

1 year ago

0.1.0-alpha.226

11 months ago

0.1.0-alpha.188

1 year ago

0.1.0-alpha.225

11 months ago

0.1.0-alpha.189

1 year ago

0.1.0-alpha.224

11 months ago

0.1.0-alpha.183

1 year ago

0.1.0-alpha.184

1 year ago

0.1.0-alpha.185

1 year ago

0.1.0-alpha.186

1 year ago

0.1.0-alpha.180

1 year ago

0.1.0-alpha.181

1 year ago

0.1.0-alpha.182

1 year ago

0.1.0-alpha.229

10 months ago

0.1.0-alpha.228

10 months ago

0.1.0-alpha.136

1 year ago

0.1.0-alpha.137

1 year ago

0.1.0-alpha.138

1 year ago

0.1.0-alpha.139

1 year ago

0.1.0-alpha.132

1 year ago

0.1.0-alpha.133

1 year ago

0.1.0-alpha.134

1 year ago

0.1.0-alpha.135

1 year ago

0.1.0-alpha.130

1 year ago

0.1.0-alpha.131

1 year ago

0.1.0-alpha.245

10 months ago

0.1.0-alpha.125

1 year ago

0.1.0-alpha.244

10 months ago

0.1.0-alpha.126

1 year ago

0.1.0-alpha.243

10 months ago

0.1.0-alpha.127

1 year ago

0.1.0-alpha.242

10 months ago

0.1.0-alpha.128

1 year ago

0.1.0-alpha.249

10 months ago

0.1.0-alpha.248

10 months ago

0.1.0-alpha.247

10 months ago

0.1.0-alpha.123

1 year ago

0.1.0-alpha.246

10 months ago

0.1.0-alpha.124

1 year ago

0.1.0-alpha.241

10 months ago

0.1.0-alpha.240

10 months ago

0.1.0-alpha.129

1 year ago

0.1.0-alpha.158

1 year ago

0.1.0-alpha.159

1 year ago

0.1.0-alpha.154

1 year ago

0.1.0-alpha.155

1 year ago

0.1.0-alpha.156

1 year ago

0.1.0-alpha.157

1 year ago

0.1.0-alpha.150

1 year ago

0.1.0-alpha.151

1 year ago

0.1.0-alpha.152

1 year ago

0.1.0-alpha.153

1 year ago

0.1.0-alpha.147

1 year ago

0.1.0-alpha.148

1 year ago

0.1.0-alpha.149

1 year ago

0.1.0-alpha.143

1 year ago

0.1.0-alpha.144

1 year ago

0.1.0-alpha.145

1 year ago

0.1.0-alpha.146

1 year ago

0.1.0-alpha.140

1 year ago

0.1.0-alpha.141

1 year ago

0.1.0-alpha.142

1 year ago

0.1.0-alpha.212

11 months ago

0.1.0-alpha.211

11 months ago

0.1.0-alpha.210

11 months ago

0.1.0-alpha.216

11 months ago

0.1.0-alpha.176

1 year ago

0.1.0-alpha.215

11 months ago

0.1.0-alpha.177

1 year ago

0.1.0-alpha.214

11 months ago

0.1.0-alpha.178

1 year ago

0.1.0-alpha.213

11 months ago

0.1.0-alpha.179

1 year ago

0.1.0-alpha.172

1 year ago

0.1.0-alpha.173

1 year ago

0.1.0-alpha.174

1 year ago

0.1.0-alpha.175

1 year ago

0.1.0-alpha.170

1 year ago

0.1.0-alpha.171

1 year ago

0.1.0-alpha.219

11 months ago

0.1.0-alpha.218

11 months ago

0.1.0-alpha.217

11 months ago

0.1.0-alpha.201

11 months ago

0.1.0-alpha.169

1 year ago

0.1.0-alpha.200

11 months ago

0.1.0-alpha.205

11 months ago

0.1.0-alpha.204

11 months ago

0.1.0-alpha.166

1 year ago

0.1.0-alpha.203

11 months ago

0.1.0-alpha.167

1 year ago

0.1.0-alpha.202

11 months ago

0.1.0-alpha.168

1 year ago

0.1.0-alpha.161

1 year ago

0.1.0-alpha.162

1 year ago

0.1.0-alpha.163

1 year ago

0.1.0-alpha.164

1 year ago

0.1.0-alpha.160

1 year ago

0.1.0-alpha.209

11 months ago

0.1.0-alpha.208

11 months ago

0.1.0-alpha.207

11 months ago

0.1.0-alpha.206

11 months ago

0.1.0-alpha.122

1 year ago

0.1.0-alpha.119

1 year ago

0.1.0-alpha.121

1 year ago

0.1.0-alpha.120

1 year ago

0.1.0-alpha.115

1 year ago

0.1.0-alpha.116

1 year ago

0.1.0-alpha.117

1 year ago

0.1.0-alpha.118

1 year ago

0.1.0-alpha.114

1 year ago

0.1.0-alpha.113

1 year ago

0.1.0-alpha.110

1 year ago

0.1.0-alpha.111

1 year ago

0.1.0-alpha.112

1 year ago

0.1.0-alpha.109

1 year ago

0.1.0-alpha.104

1 year ago

0.1.0-alpha.105

1 year ago

0.1.0-alpha.106

1 year ago

0.1.0-alpha.107

1 year ago

0.1.0-alpha.108

1 year ago

0.1.0-alpha.92

1 year ago

0.1.0-alpha.91

1 year ago

0.1.0-alpha.94

1 year ago

0.1.0-alpha.93

1 year ago

0.1.0-alpha.96

1 year ago

0.1.0-alpha.95

1 year ago

0.1.0-alpha.98

1 year ago

0.1.0-alpha.97

1 year ago

0.1.0-alpha.99

1 year ago

0.1.0-alpha.103

1 year ago

0.1.0-alpha.100

1 year ago

0.1.0-alpha.101

1 year ago

0.1.0-alpha.102

1 year ago

0.1.0-alpha.90

1 year ago

0.1.0-alpha.89

1 year ago

0.1.0-alpha.85

1 year ago

0.1.0-alpha.84

1 year ago

0.1.0-alpha.87

1 year ago

0.1.0-alpha.86

1 year ago

0.1.0-alpha.88

1 year ago

0.1.0-alpha.83

1 year ago

0.1.0-alpha.81

1 year ago

0.1.0-alpha.80

1 year ago

0.1.0-alpha.82

1 year ago

0.1.0-alpha.78

1 year ago

0.1.0-alpha.79

1 year ago

0.1.0-alpha.76

1 year ago

0.1.0-alpha.77

1 year ago

0.1.0-alpha.74

1 year ago

0.1.0-alpha.75

1 year ago

0.1.0-alpha.72

1 year ago

0.1.0-alpha.73

1 year ago

0.1.0-alpha.65

1 year ago

0.1.0-alpha.62

1 year ago

0.1.0-alpha.57

1 year ago

0.1.0-alpha.59

1 year ago

0.1.0-alpha.56

1 year ago

0.1.0-alpha.53

1 year ago

0.1.0-alpha.51

1 year ago