Skills
.Work. You
Rest

fab-actions

Community

Keep form actions accessible on scroll

Design & Creative#accessibility#react#fab#form-ux#ui-pattern#floating-action-button
Authordoitsu2014
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a fixed, accessible set of form actions (Save/Cancel) that remain visible as users scroll long forms.

Core Features & Use Cases

  • Fixed bottom-right position for constant visibility
  • Expandable action group with smooth transitions
  • Plus icon rotates to indicate open state
  • Keyboard accessible buttons with proper semantics

Quick Start

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: fab-actions
Download link: https://github.com/doitsu2014/my-cms/archive/main.zip#fab-actions

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.