@lendi-ui/popover
TypeScript icon, indicating that this package has built-in type declarations

4.3.0 • Public • Published

@lendi-ui/popover

A popover component.

Installation

yarn add @lendi-ui/popover

Usage

import {Popover} from '@lendi-ui/popover';

<Popover
    content={<Body size='sm' mb='xxs'>I pop out from the left</Body>}
    position='left'
    target={<ChevronLeft color="secondary.600" />}
  />

## Properties

<PropTable>
  <PropTable.Entry name="content" type="React.ReactNode" description="Popover content"/>
  <PropTable.Entry name="className" defaultValue=""type="string" description="Custom class name"/>
  <PropTable.Entry name="position" type="{'top' | 'bottom' | 'left' | 'right'}" defaultValue="top" description="Popover content display position comparing with target component"/>
  <PropTable.Entry name="target" type="React.ReactNode" description="Target component that trigger Popover by clicking it"/>
</PropTable>

Readme

Keywords

none

Package Sidebar

Install

npm i @lendi-ui/popover

Weekly Downloads

32

Version

4.3.0

License

ISC

Unpacked Size

70.9 kB

Total Files

14

Last publish

Collaborators

  • joshua-derbe-lendi
  • michaelhuttonlendi
  • simon_lau_lendi
  • benjamintan
  • oliverfrance
  • kjartan.johansen
  • dapovey
  • nooshines
  • fernandogontijo_
  • sean-elliott-lendi
  • nghiato
  • sunny.niu
  • mfarshadmehr
  • jannes.mingram.lendi
  • antoine_lendi
  • bchiong
  • lendi-owner
  • andrealin
  • malkyfaith
  • brianduan
  • yihan_lu_lendi
  • nodemacross
  • samnevers
  • boris.gordon
  • leo.wei
  • bharadwajsampath
  • luissilvalendi
  • thomaslendi
  • dimitrioslendi
  • le-kang-lendi
  • yupeili