Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
boundless-button
Advanced tools
THIS IS AN AUTOGENERATED FILE. EDIT INDEX.JS INSTEAD.
A control with "pressed" state support.
Button has two modes of operation:
stateless (like a normal <button>
)
<Button onPressed={doSomething}>foo</Button>
Note that instead of
onClick
, Button usesonPressed
. This is because the component also listens for keyboard Enter events, soonClick
only tells half the story. You can still bind to that particular React event though if there's a need to tell the difference between clicks and Enter presses.
stateful (like a toggle, e.g. bold-mode in a rich text editor)
"stateful" mode is triggered by passing a boolean to pressed
. This enables the button to act like a controlled component. The onUnpressed
event callback will also now be fired when appropriate.
<Button
pressed={true}
onPressed={doSomething}
onUnpressed={doSomethingElse}>
foo
</Button>
Note: only top-level props are in the README, for the full list check out the website.
There are no required props.
<tr>
<td>children</td>
<td><pre><code>any renderable</code></pre></td>
<td><pre><code class="language-js">null</code></pre></td>
<td></td>
</tr>
<tr>
<td>component</td>
<td><pre><code>string or function</code></pre></td>
<td><pre><code class="language-js">'button'</code></pre></td>
<td>Any valid HTML tag name or a React component factory, anything that can be passed as the first argument to `React.createElement`</td>
</tr>
<tr>
<td>onClick</td>
<td><pre><code>function</code></pre></td>
<td><pre><code class="language-js">noop</code></pre></td>
<td></td>
</tr>
<tr>
<td>onPressed</td>
<td><pre><code>function</code></pre></td>
<td><pre><code class="language-js">noop</code></pre></td>
<td>called when the element becomes "pressed" or triggered by the user (mouse or keyboard); backing data must be updated to persist the state change; this function will still be called if `props.pressed` is not passed</td>
</tr>
<tr>
<td>onUnpressed</td>
<td><pre><code>function</code></pre></td>
<td><pre><code class="language-js">noop</code></pre></td>
<td>called when the element becomes "unpressed"; backing data must be updated to persist the state change</td>
</tr>
<tr>
<td>pressed</td>
<td><pre><code>bool</code></pre></td>
<td><pre><code class="language-js">undefined</code></pre></td>
<td>enables "pressed" support and adds the `aria-pressed` attribute to the `.b-button` node; essentially a "stateful" button (see the "unpressed/pressed" example demo above)</td>
</tr>
Name | Type | Default Value | Description |
---|
FAQs
A control with "pressed" state support.
The npm package boundless-button receives a total of 2 weekly downloads. As such, boundless-button popularity was classified as not popular.
We found that boundless-button 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
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.