Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@leafygreen-ui/pipeline

Package Overview
Dependencies
Maintainers
6
Versions
62
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@leafygreen-ui/pipeline

LeafyGreen UI Kit Pipeline

  • 5.0.8-next.4
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
38K
decreased by-52.03%
Maintainers
6
Weekly downloads
 
Created
Source

Pipeline

npm (scoped)

View on MongoDB.design

Installation

Yarn

yarn add @leafygreen-ui/pipeline

NPM

npm install @leafygreen-ui/pipeline

Example

<Pipeline size="xsmall" className="my-pipeline">
  <Stage>$match</Stage>
  <Stage>$addFields</Stage>
  <Stage>$limit</Stage>
</Pipeline>

Properties

PropTypeDescriptionDefault
classNamestringAdds a className to the class attribute.''
childrennodeThe content that will render inside of the component. If any nodes other than Stage components are passed in as children, the Pipeline component will automatically wrap them with Stage components.undefined
size'xsmall', 'small', 'normal', 'large'Sets the size variant of the Pipeline.'xsmall'
darkModebooleanDetermines if the component renders in dark themefalse
...native div attributesAny other props will be spread on the root div element

All other props will be spread onto the root element.

Stage

Properties

PropTypeDescriptionDefault
classNamestringAdds a className to the class attribute.''
childrennodeThe content that will render inside of the component.undefined
thresholdnumber | number[]Either a single number or an array of numbers which indicate at what percentage of the target's visibility, the observer's callback should be executed.0.8
...native li attributesAny other props will be spread on the root li element

The Pipeline component will decorate the child Stage components with the size and darkMode prop that it is supplied with.

FAQs

Package last updated on 25 May 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

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