![Oracle Drags Its Feet in the JavaScript Trademark Dispute](https://cdn.sanity.io/images/cgdhsj6q/production/919c3b22c24f93884c548d60cbb338e819ff2435-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
A tiny and extensible component to build tooltips, flyovers, menus, and more.
Postel is a single component that you can easily extend into customized tooltips, dropdowns, flyovers – any type of UI which would make sense to render outside of your regular React root node, floating above all other content.
Postel is built on the idea of opening a generic set of props that allow wide customizability. With that, we attempt to keep the API as simple as possible.
Tooltip
Custom content
The simplest usage of Postel is building something like a tooltip – just wrap it around the component that you want to trigger:
<Postel
title="Toggle menu"
content={
<div className="tooltip">
Tooltip content
</div>
}
caret={
<div className="caret" />
}
}}>
<button className="button">Trigger</button>
</Postel>
A valid React child that Postel will attach listeners to.
A string to describe the purpose of what will be shown or hidden.
The position that you want Postel to render your content
relative to the children
.
If your placement is set to auto
, this is the preferred position that you would like auto
to
default to.
The type of action you want to apply to the children
that will show your content
.
The time in milliseconds that you want to delay showing the content
after triggering to show.
The type of action you want to signal that the content
should hide.
The time in milliseconds that you want to delay hiding the content
after triggering to hide.
Important for adding leave animations – the amount of time in milliseconds you want your content
to animate out before unmounting.
Add this if you want a hidden transparent underlay that will cover the entire screen to prevent clicks on UI outside of your content
.
Add this if you want to vertically offset the content by n px
s.
Add this if you want to horizontally offset the content by n px
s.
Contributions are welcome! For requests or bugs, please create an issue here.
Postel uses yarn
to manage dependencies. To install, simply run:
git clone git@github.com:timc1/postel.git
cd postel
yarn install
yarn start
Navigate to localhost:8080
and you should see a hot reloading interface to run the code against.
FAQs
A tiny and extensible component to build tooltips, flyovers, menus, and more.
We found that postel demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.