Provides a fixed, expandable Save/Cancel action group for long forms.
npx skills add https://github.com/doitsu2014/my-cms --skill fab-actions
Please help me install this Agent Skill. Skill: fab-actions Source: https://github.com/doitsu2014/my-cms/tree/main/frontend/.claude/skills/fab-actions Command: npx skills add https://github.com/doitsu2014/my-cms --skill fab-actions
Provides a fixed, accessible set of form actions (Save/Cancel) that remain visible as users scroll long forms.
Install and place the FAB component at the end of your form. Import the required icons and toggle state to open/close. Bind the Save action to the form submission and the Cancel action to navigation.
High-intent search queries and answers about installing and using this skill.
To keep form actions accessible during scroll, use a fixed position floating action button (FAB) that stays visible. An expandable FAB provides Save and Cancel buttons that remain constantly accessible without intruding on the form content.
The best UI pattern for fixed Save and Cancel buttons is an expandable floating action button. It anchors to the bottom-right for constant visibility, uses a rotating plus icon to indicate state, and expands to reveal semantic action buttons.
Yes, you can build a keyboard accessible floating action button in React with zero dependencies. The pattern relies on semantic button elements and proper toggle state management to ensure keyboard users can open and trigger actions.
To implement an expandable FAB for content-management interfaces, place the component at the end of your form, import the required icons, and manage the toggle state to open and close the action group with smooth transitions.
A fixed form action button obscures inputs when it lacks an expandable design that minimizes its footprint. Using a collapsed FAB that only expands upon user interaction prevents it from permanently covering form fields.
SheshiyerRender interactive React UI from JSON widget schemas.
kvk-codeAutomate attendance and internal mark entry on the KTU e-Gov portal from CSV files.
Blazor-SchoolProvide web component UI libraries for JavaScript frameworks.
jiaiyanPin content to fixed positions during scrolling with configurable trigger distances.
