bonaparte-dropdown

0.0.36 • Public • Published

< bonaparte-dropdown >

npm version

The dropdown component is a temporary UI element that appears along one edge of the <bonaparte-dropdown> tag when open.

Examples

Structure

<bonaparte-dropdown
  action
  handler
  open
  position
>
  <1st-child> <!-- dropdown content -->
 
</bonaparte-dropdown>

<1st-child> Dropdown content

Container which is placed along one edge of <bonaprate-dropdown> and is only visible when open=true.

Attributes

action

HTMLEvent that opens the dropdown. (sets open=true)

  • Default click

handler

CSS Selector to specify which element within <bonaparte-dropdown> will trigger the action.

  • Default By default the whole <bonaparte-dropdown> tag is the handler

open

Defines if the dropdown content is visible or not.

  • Default false
  • Values false true

position

Defines the position of the dropdown content relative to <bonaparte-dropedown>. The first value defines the side the content appears on. The second value defines the edge the content aligns to.

  • Default bottom left
  • Values top right bottom left top right top left right top right bottom bottom left bottom right left top left bottom

Install

Homepage

bonaparte.io

DownloadsWeekly Downloads

64

Version

0.0.36

License

ISC

Last publish

Collaborators

  • greenish