Layoutv0.1.1

RibbonWeb

Powerful commands.
Thoughtfully arranged.

Give rich applications a discoverable command surface with tabs, groups, contextual tools and keyboard-first navigation.

Responsive ribbon layouts01 / LAYOUT

A model describes tabs, groups and controls. The ribbon renders and routes interactions while your application owns the work.

Import the package to register . Assign its model with tabs, groups and command callbacks. Shadow DOM styles are included.

Release application-owned command subscriptions and bindings on unmount. Keep command state in a model rather than duplicating it in the UI.

NOT A SCREENSHOT

The playground loads when it comes into view.

A SMALL FIRST STEP

A model describes tabs, groups and controls. The ribbon renders and routes interactions while your application owns the work.

npm install @wieslawsoltes/ribbon-web@0.1.1

Pinned to the published package used in this showcase. No unpublished features implied.