This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
@bolt/components-button-group with all
npm packages installed. Try it out:
@bolt/components-button-group lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Button-group can contain multiple buttons. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.
npm install @bolt/components-button-group
Button groups are a horizontal set of actions with a hierarchy that defines the spacing and their relationship between each other. This set of actions help people under stand their options with potential next steps.
Button padding left is 1rem when there are multiple buttons in a horizontal row.
NOTE: We currently do not have joined buttons (eg, no gap, single button with two sides), but this is something to consider moving forward.