6.0.44 • Published 11 months ago

@cloudflare/component-tabs v6.0.44

Weekly downloads
4,657
License
BSD-3-Clause
Repository
-
Last release
11 months ago

@cloudflare/component-tabs

Cloudflare Tabs Component

Installation

Installation with yarn is recommended

$ yarn add @cloudflare/component-tabs

Usage

import React from 'react';
import { Tabs, TabsItem, TabsPanel } from '../../src';
import { createComponent } from '@cloudflare/style-container';

const Tab = createComponent(
  () => ({
    backgroundColor: '#FFFFF0'
  }),
  TabsItem
);

class TabsComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      active: 'one'
    };
  }

  handleTabChange(id) {
    this.setState({ active: id });
  }

  render() {
    return (
      <Tabs
        active={this.state.active}
        tabs={[
          { id: 'one', label: 'Tab One' },
          {
            id: 'two',
            label: 'Tab Two: Custom Header',
            component: Tab
          },
          { id: 'three', label: 'Tab Three' }
        ]}
        onChange={this.handleTabChange.bind(this)}
      >
        <TabsPanel id="one">
          <h1>Tab One</h1>
        </TabsPanel>

        <TabsPanel id="two">
          <h1>Tab Two</h1>
        </TabsPanel>

        <TabsPanel id="three">
          <h1>Tab Three</h1>
        </TabsPanel>
      </Tabs>
    );
  }
}

export default TabsComponent;
6.0.44

11 months ago

6.0.41

12 months ago

6.0.40

12 months ago

6.0.43

12 months ago

6.0.42

12 months ago

6.0.38

1 year ago

6.0.37

1 year ago

6.0.36

1 year ago

6.0.35

1 year ago

6.0.39

1 year ago

6.0.34

1 year ago

6.0.33

1 year ago

6.0.27

1 year ago

6.0.26

1 year ago

6.0.25

1 year ago

6.0.24

1 year ago

6.0.29

1 year ago

6.0.28

1 year ago

6.0.23

1 year ago

6.0.22

1 year ago

6.0.21

1 year ago

6.0.20

1 year ago

6.0.19

1 year ago

6.0.18

1 year ago

6.0.17

1 year ago

6.0.30

1 year ago

6.0.32

1 year ago

6.0.31

1 year ago

6.0.16

1 year ago

6.0.15

1 year ago

6.0.14

1 year ago

6.0.13

1 year ago

6.0.12

1 year ago

6.0.11

2 years ago

6.0.10

2 years ago

6.0.9

2 years ago

6.0.8

2 years ago

6.0.7

2 years ago

6.0.6

2 years ago

6.0.5

2 years ago

6.0.4

2 years ago

6.0.3

2 years ago

6.0.2

2 years ago

6.0.1

2 years ago

5.0.30

2 years ago

5.0.31

2 years ago

5.0.32

2 years ago

5.0.33

2 years ago

5.0.34

2 years ago

5.0.35

2 years ago

5.0.36

2 years ago

5.0.37

2 years ago

5.0.38

2 years ago

5.0.39

2 years ago

5.0.20

2 years ago

5.0.21

2 years ago

5.0.22

2 years ago

5.0.23

2 years ago

5.0.24

2 years ago

5.0.25

2 years ago

5.0.26

2 years ago

5.0.27

2 years ago

5.0.28

2 years ago

5.0.29

2 years ago

5.0.13

2 years ago

5.0.14

2 years ago

5.0.15

2 years ago

5.0.16

2 years ago

5.0.17

2 years ago

5.0.18

2 years ago

5.0.19

2 years ago

6.0.0

2 years ago

5.0.40

2 years ago

5.0.41

2 years ago

5.0.42

2 years ago

5.0.11

2 years ago

5.0.12

2 years ago

5.0.9

2 years ago

5.0.8

2 years ago

5.0.7

2 years ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.10

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.0

3 years ago

4.0.0

3 years ago

3.1.553

3 years ago

3.1.552

3 years ago

3.1.557

3 years ago

3.1.556

3 years ago

3.1.555

3 years ago

3.1.554

3 years ago

3.1.564

3 years ago

3.1.563

3 years ago

3.1.562

3 years ago

3.1.561

3 years ago

3.1.568

3 years ago

3.1.567

3 years ago

3.1.566

3 years ago

3.1.565

3 years ago

3.1.560

3 years ago

3.1.559

3 years ago

3.1.558

3 years ago

3.1.575

3 years ago

3.1.574

3 years ago

3.1.573

3 years ago

3.1.572

3 years ago

3.1.579

3 years ago

3.1.578

3 years ago

3.1.577

3 years ago

3.1.576

3 years ago

3.1.571

3 years ago

3.1.570

3 years ago

3.1.569

3 years ago

3.1.584

3 years ago

3.1.583

3 years ago

3.1.582

3 years ago

3.1.581

3 years ago

3.1.580

3 years ago

3.1.551

3 years ago

3.1.550

3 years ago

3.1.549

3 years ago

3.1.548

3 years ago

3.1.547

3 years ago

3.1.531

3 years ago

3.1.530

3 years ago

3.1.535

3 years ago

3.1.534

3 years ago

3.1.533

3 years ago

3.1.532

3 years ago

3.1.528

3 years ago

3.1.529

3 years ago

3.1.542

3 years ago

3.1.541

3 years ago

3.1.540

3 years ago

3.1.546

3 years ago

3.1.545

3 years ago

3.1.544

3 years ago

3.1.543

3 years ago

3.1.539

3 years ago

3.1.538

3 years ago

3.1.537

3 years ago

3.1.536

3 years ago

3.1.527

3 years ago

3.1.526

3 years ago

3.1.525

3 years ago

3.1.513

3 years ago

3.1.512

3 years ago

3.1.511

3 years ago

3.1.510

3 years ago

3.1.506

4 years ago

3.1.505

4 years ago

3.1.504

4 years ago

3.1.503

4 years ago

3.1.509

4 years ago

3.1.508

4 years ago

3.1.507

4 years ago

3.1.520

3 years ago

3.1.524

3 years ago

3.1.523

3 years ago

3.1.522

3 years ago

3.1.521

3 years ago

3.1.517

3 years ago

3.1.516

3 years ago

3.1.515

3 years ago

3.1.514

3 years ago

3.1.519

3 years ago

3.1.518

3 years ago

3.1.502

4 years ago

3.1.501

4 years ago

3.1.500

4 years ago

3.1.498

4 years ago

3.1.497

4 years ago

3.1.496

4 years ago

3.1.495

4 years ago

3.1.499

4 years ago

3.1.494

4 years ago

3.1.493

4 years ago

3.1.492

4 years ago

3.1.490

4 years ago

3.1.491

4 years ago

3.1.487

4 years ago

3.1.486

4 years ago

3.1.485

4 years ago

3.1.484

4 years ago

3.1.489

4 years ago

3.1.488

4 years ago

3.1.483

4 years ago

3.1.476

4 years ago

3.1.475

4 years ago

3.1.474

4 years ago

3.1.473

4 years ago

3.1.479

4 years ago

3.1.478

4 years ago

3.1.477

4 years ago

3.1.472

4 years ago

3.1.471

4 years ago

3.1.470

4 years ago

3.1.482

4 years ago

3.1.481

4 years ago

3.1.480

4 years ago

3.1.465

4 years ago

3.1.464

4 years ago

3.1.463

4 years ago

3.1.462

4 years ago

3.1.469

4 years ago

3.1.468

4 years ago

3.1.467

4 years ago

3.1.466

4 years ago

3.1.461

4 years ago

3.1.460

4 years ago

3.1.459

4 years ago

3.1.454

4 years ago

3.1.453

4 years ago

3.1.458

4 years ago

3.1.457

4 years ago

3.1.456

4 years ago

3.1.455

4 years ago

3.1.443

4 years ago

3.1.442

4 years ago

3.1.447

4 years ago

3.1.446

4 years ago

3.1.445

4 years ago

3.1.444

4 years ago

3.1.452

4 years ago

3.1.451

4 years ago

3.1.450

4 years ago

3.1.449

4 years ago

3.1.448

4 years ago

3.1.441

4 years ago

3.1.440

4 years ago

3.1.439

4 years ago

3.1.438

4 years ago

3.1.437

4 years ago

3.1.435

4 years ago

3.1.434

4 years ago

3.1.432

4 years ago

3.1.433

4 years ago

3.1.431

4 years ago

3.1.430

4 years ago

3.1.429

4 years ago

3.1.428

4 years ago

3.1.427

4 years ago

3.1.426

4 years ago

3.1.425

4 years ago

3.1.424

4 years ago

3.1.423

4 years ago

3.1.421

4 years ago

3.1.422

4 years ago

3.1.420

4 years ago

3.1.418

4 years ago

3.1.417

4 years ago

3.1.419

4 years ago

3.1.414

4 years ago

3.1.416

4 years ago

3.1.415

4 years ago

3.1.413

4 years ago

3.1.410

4 years ago

3.1.412

4 years ago

3.1.411

4 years ago

3.1.407

4 years ago

3.1.406

4 years ago

3.1.405

4 years ago

3.1.409

4 years ago

3.1.408

4 years ago

3.1.404

4 years ago

3.1.403

4 years ago

3.1.402

4 years ago

3.1.401

4 years ago

3.1.399

4 years ago

3.1.398

4 years ago

3.1.397

4 years ago

3.1.396

4 years ago

3.1.391

4 years ago

3.1.395

4 years ago

3.1.394

4 years ago

3.1.393

4 years ago

3.1.392

4 years ago

3.1.390

4 years ago

3.1.389

4 years ago

3.1.388

4 years ago

3.1.387

4 years ago

3.1.386

4 years ago

3.1.385

4 years ago

3.1.384

4 years ago

3.1.383

4 years ago

3.1.382

4 years ago

3.1.381

5 years ago

3.1.379

5 years ago

3.1.380

5 years ago

3.1.378

5 years ago

3.1.377

5 years ago

3.1.376

5 years ago

3.1.375

5 years ago

3.1.374

5 years ago

3.1.373

5 years ago

3.1.372

5 years ago

3.1.371

5 years ago

3.1.370

5 years ago

3.1.369

5 years ago

3.1.368

5 years ago

3.1.367

5 years ago

3.1.366

5 years ago

3.1.365

5 years ago

3.1.364

5 years ago

3.1.363

5 years ago

3.1.362

5 years ago

3.1.361

5 years ago

3.1.360

5 years ago

3.1.359

5 years ago

3.1.358

5 years ago

3.1.357

5 years ago

3.1.356

5 years ago

3.1.355

5 years ago

3.1.354

5 years ago

3.1.353

5 years ago

3.1.352

5 years ago

3.1.351

5 years ago

3.1.350

5 years ago

3.1.349

5 years ago

3.1.348

5 years ago

3.1.347

5 years ago

3.1.346

5 years ago

3.1.344

5 years ago

3.1.345

5 years ago

3.1.343

5 years ago

3.1.342

5 years ago

3.1.341

5 years ago

3.1.340

5 years ago

3.1.339

5 years ago

3.1.338

5 years ago

3.1.337

5 years ago

3.1.336

5 years ago

3.1.335

5 years ago

3.1.333

5 years ago

3.1.334

5 years ago

3.1.332

5 years ago

3.1.331

5 years ago

3.1.330

5 years ago

3.1.329

5 years ago

3.1.328

5 years ago

3.1.327

5 years ago

3.1.326

5 years ago

3.1.325

5 years ago

3.1.324

5 years ago

3.1.323

5 years ago

3.1.322

5 years ago

3.1.321

5 years ago

3.1.320

5 years ago

3.1.319

5 years ago

3.1.318

5 years ago

3.1.317

5 years ago

3.1.316

5 years ago

3.1.315

5 years ago

3.1.314

5 years ago

3.1.313

5 years ago

3.1.312

5 years ago

3.1.311

5 years ago

3.1.310

5 years ago

3.1.309

5 years ago

3.1.308

5 years ago

3.1.307

5 years ago

3.1.306

5 years ago

3.1.305

5 years ago

3.1.304

5 years ago

3.1.303

5 years ago

3.1.302

5 years ago

3.1.301

5 years ago

3.1.300

5 years ago

3.1.299

5 years ago

3.1.298

5 years ago

3.1.297

5 years ago

3.1.296

5 years ago

3.1.295

5 years ago

3.1.294

5 years ago

3.1.293

5 years ago

3.1.292

5 years ago

3.1.291

5 years ago

3.1.290

5 years ago

3.1.289

5 years ago

3.1.288

5 years ago

3.1.287

5 years ago

3.1.286

5 years ago

3.1.285

5 years ago

3.1.284

5 years ago

3.1.283

5 years ago

3.1.282

5 years ago

3.1.281

5 years ago

3.1.279

5 years ago

3.1.280

5 years ago

3.1.278

5 years ago

3.1.277

5 years ago

3.1.276

5 years ago

3.1.275

5 years ago

3.1.274

5 years ago

3.1.273

5 years ago

3.1.272

5 years ago

3.1.271

5 years ago

3.1.270

5 years ago

3.1.269

5 years ago

3.1.268

5 years ago

3.1.267

5 years ago

3.1.266

5 years ago

3.1.265

5 years ago

3.1.264

5 years ago

3.1.263

5 years ago

3.1.262

5 years ago

3.1.261

5 years ago

3.1.260

5 years ago

3.1.259

5 years ago

3.1.258

5 years ago

3.1.257

5 years ago

3.1.256

5 years ago

3.1.255

5 years ago

3.1.254

5 years ago

3.1.253

5 years ago

3.1.252

5 years ago

3.1.251

5 years ago

3.1.250

5 years ago

3.1.249

5 years ago

3.1.248

5 years ago

3.1.247

5 years ago

3.1.246

5 years ago

3.1.245

5 years ago

3.1.244

5 years ago

3.1.243

5 years ago

3.1.242

5 years ago

3.1.240

5 years ago

3.1.239

5 years ago

3.1.237

5 years ago

3.1.236

5 years ago

3.1.234

5 years ago

3.1.235

5 years ago

3.1.233

5 years ago

3.1.232

5 years ago

3.1.231

5 years ago

3.1.230

5 years ago

3.1.229

5 years ago

3.1.228

5 years ago

3.1.227

5 years ago

3.1.226

5 years ago

3.1.225

5 years ago

3.1.224

5 years ago

3.1.223

5 years ago

3.1.222

5 years ago

3.1.221

6 years ago

3.1.220

6 years ago

3.1.219

6 years ago

3.1.218

6 years ago

3.1.217

6 years ago

3.1.216

6 years ago

3.1.215

6 years ago

3.1.214

6 years ago

3.1.212

6 years ago

3.1.211

6 years ago

3.1.213

6 years ago

3.1.210

6 years ago

3.1.209

6 years ago

3.1.204

6 years ago

3.1.203

6 years ago

3.1.202

6 years ago

3.1.201

6 years ago

3.1.185

6 years ago

3.1.184

6 years ago

3.1.183

6 years ago

3.1.182

6 years ago

3.1.181

6 years ago

3.1.179

6 years ago

3.1.180

6 years ago

3.1.178

6 years ago

3.1.177

6 years ago

3.1.176

6 years ago

3.1.175

6 years ago

3.1.174

6 years ago

3.1.173

6 years ago

3.1.171

6 years ago

3.1.172

6 years ago

3.1.170

6 years ago

3.1.168

6 years ago

3.1.167

6 years ago

3.1.166

6 years ago

3.1.165

6 years ago

3.1.164

6 years ago

3.1.163

6 years ago

3.1.161

6 years ago

3.1.160

6 years ago

3.1.159

6 years ago

3.1.158

6 years ago

3.1.157

6 years ago

3.1.155

6 years ago

3.1.154

6 years ago

3.1.153

6 years ago

3.1.152

6 years ago

3.1.151

6 years ago

3.1.150

6 years ago

3.1.149

6 years ago

3.1.148

6 years ago

3.1.147

6 years ago

3.1.146

6 years ago

3.1.145

6 years ago

3.1.144

6 years ago

3.1.143

6 years ago

3.1.142

6 years ago

3.1.141

6 years ago

3.1.140

6 years ago

3.1.139

6 years ago

3.1.138

6 years ago

3.1.137

6 years ago

3.1.135

6 years ago

3.1.136

6 years ago

3.1.134

6 years ago

3.1.132

6 years ago

3.1.131

6 years ago

3.1.130

6 years ago

3.1.129

6 years ago

3.1.127

6 years ago

3.1.126

6 years ago

3.1.125

6 years ago

3.1.124

6 years ago

3.1.123

6 years ago

3.1.122

6 years ago

3.1.121

6 years ago

3.1.120

6 years ago

3.1.118

6 years ago

3.1.117

6 years ago

3.1.116

6 years ago

3.1.115

6 years ago

3.1.114

6 years ago

3.1.113

6 years ago

3.1.112

6 years ago

3.1.111

6 years ago

3.1.110

6 years ago

3.1.109

6 years ago

3.1.108

6 years ago

3.1.107

6 years ago

3.1.106

6 years ago

3.1.105

6 years ago

3.1.104

6 years ago

3.1.103

6 years ago

3.1.102

6 years ago

3.1.101

6 years ago

3.1.100

6 years ago

3.1.99

6 years ago

3.1.98

6 years ago

3.1.97

6 years ago

3.1.96

6 years ago

3.1.95

6 years ago

3.1.94

6 years ago

3.1.93

6 years ago

3.1.92

6 years ago

3.1.91

6 years ago

3.1.90

6 years ago

3.1.89

6 years ago

3.1.88

6 years ago

3.1.87

6 years ago

3.1.86

6 years ago

3.1.85

6 years ago

3.1.84

6 years ago

3.1.83

6 years ago

3.1.82

6 years ago

3.1.81

6 years ago

3.1.80

6 years ago

3.1.79

6 years ago

3.1.78

6 years ago

3.1.77

6 years ago

3.1.76

6 years ago

3.1.75

6 years ago

3.1.74

6 years ago

3.1.73

6 years ago

3.1.72

6 years ago

3.1.71

6 years ago

3.1.70

6 years ago

3.1.69

6 years ago

3.1.68

6 years ago

3.1.67

6 years ago

3.1.66

6 years ago

3.1.65

6 years ago

3.1.64

6 years ago

3.1.63

6 years ago

3.1.62

6 years ago

3.1.61

6 years ago

3.1.60

6 years ago

3.1.59

6 years ago

3.1.58

6 years ago

3.1.57

6 years ago

3.1.56

6 years ago

3.1.55

6 years ago

3.1.54

6 years ago

3.1.53

6 years ago

3.1.52

6 years ago

3.1.51

6 years ago

3.1.50

6 years ago

3.1.49

6 years ago

3.1.48

6 years ago

3.1.47

6 years ago

3.1.46

6 years ago

3.1.45

6 years ago

3.1.44

6 years ago

3.1.43

6 years ago

3.1.42

6 years ago

3.1.41

6 years ago

3.1.40

6 years ago

3.1.39

6 years ago

3.1.38

6 years ago

3.1.37

6 years ago

3.1.36

6 years ago

3.1.35

6 years ago

3.1.34

6 years ago

3.1.33

6 years ago

3.1.32

6 years ago

3.1.31

6 years ago

3.1.30

6 years ago

3.1.29

6 years ago

3.1.28

6 years ago

3.1.27

6 years ago

3.1.26

7 years ago

3.1.25

7 years ago

3.1.24

7 years ago

3.1.23

7 years ago

3.1.22

7 years ago

3.1.21

7 years ago

3.1.20

7 years ago

3.1.19

7 years ago

3.1.18

7 years ago

3.1.17

7 years ago

3.1.16

7 years ago

3.1.15

7 years ago

3.1.14

7 years ago

3.1.13

7 years ago

3.1.12

7 years ago

3.1.11

7 years ago

3.1.10

7 years ago

3.1.9

7 years ago

3.1.8

7 years ago

3.1.7

7 years ago

3.1.6

7 years ago

3.1.5

7 years ago

3.1.4

7 years ago

3.1.3

7 years ago

3.1.2

7 years ago

3.1.1

7 years ago

3.1.0

7 years ago

3.0.36

7 years ago

3.0.35

7 years ago

3.0.34

7 years ago

3.0.33

7 years ago

3.0.32

7 years ago

3.0.31

7 years ago

3.0.30

7 years ago

3.0.29

7 years ago

3.0.28

7 years ago

3.0.27

7 years ago

3.0.26

7 years ago

3.0.25

7 years ago

3.0.24

7 years ago

3.0.23

7 years ago

3.0.22

7 years ago

3.0.21

7 years ago

3.0.20

7 years ago

3.0.19

7 years ago

3.0.18

7 years ago

3.0.17

7 years ago

3.0.16

7 years ago

3.0.15

7 years ago

3.0.14

7 years ago

3.0.13

7 years ago

3.0.12

7 years ago

3.0.11

7 years ago

3.0.10

7 years ago

3.0.9

7 years ago

3.0.8

7 years ago

3.0.7

7 years ago

3.0.6

7 years ago

3.0.5

7 years ago

3.0.4

7 years ago

3.0.3

7 years ago

3.0.2

7 years ago

3.0.1

7 years ago

3.0.0

7 years ago

2.1.12

7 years ago

2.1.11

7 years ago

2.1.10

7 years ago

2.1.9

7 years ago

2.1.8

7 years ago

2.1.7

7 years ago

2.1.6

7 years ago

2.1.5

7 years ago

2.1.4

7 years ago

2.1.3

7 years ago

2.1.2

7 years ago

2.1.1

7 years ago

2.1.0

7 years ago

2.0.6

7 years ago

2.0.5

7 years ago

2.0.4

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago