Socket
Socket
Sign inDemoInstall

terra-toggle

Package Overview
Dependencies
Maintainers
6
Versions
126
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-toggle - npm Package Compare versions

Comparing version 1.11.0 to 1.11.1

6

docs/DEPENDENCIES.md

@@ -9,3 +9,3 @@ # Dependency Information

| react-animate-height | ^0.9.5 | ^15.5.4 | Lightweight, no dependency React component for animating height using CSS transitions. |
| terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. |
| terra-base | ^2.6.0 | ^15.4.2 | The base component sets minimal global styles for an application. |

@@ -15,3 +15,3 @@ ## devDependencies

|-|-|-|-|
| terra-props-table | ^1.9.0 | ^15.4.2 | terra-props-table |
| terra-props-table | ^1.10.0 | ^15.4.2 | terra-props-table |

@@ -23,2 +23,2 @@ ## peerDependencies

| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. |
| terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. |
| terra-base | ^2.6.0 | ^15.4.2 | The base component sets minimal global styles for an application. |
# Terra Toggle
Toggle component that transitions content in and out.
Toggle component that transitions content in and out. For toggle button functionality, see [terra-toggle-button](#/site/toggle-button).

@@ -14,6 +14,6 @@ ## Getting Started

import React from 'react';
import Toggle from 'terra-toggle';
import Button from 'terra-button';
import Toggle from 'terra-toggle/lib/Toggle';
import IconInformation from 'terra-icon/lib/icon/IconInformation';
class MyCustomToggle extends React.Component {
class ToggleDefault extends React.Component {
constructor() {

@@ -33,3 +33,3 @@ super();

<div>
<Button onClick={this.handleOnClick}>Click Me!</Button>
<IconInformation onClick={this.handleOnClick} />
<Toggle isOpen={this.state.isOpen} isAnimated>

@@ -43,3 +43,4 @@ Hello World

export default MyCustomToggle;
export default ToggleDefault;
```

@@ -46,0 +47,0 @@

{
"name": "terra-toggle",
"main": "lib/Toggle.js",
"version": "1.11.0",
"version": "1.11.1",
"description": "Toggle component that transitions content in and out.",

@@ -24,3 +24,3 @@ "repository": {

"devDependencies": {
"terra-props-table": "^1.10.0"
"terra-props-table": "^1.10.1"
},

@@ -30,3 +30,3 @@ "peerDependencies": {

"react-dom": "^15.4.2",
"terra-base": "^2.6.0"
"terra-base": "^2.6.1"
},

@@ -37,3 +37,3 @@ "dependencies": {

"react-animate-height": "^0.9.5",
"terra-base": "^2.6.0"
"terra-base": "^2.6.1"
},

@@ -40,0 +40,0 @@ "scripts": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc