mi6 / mi6/ic-ui-kit

Floating Action Button

Open
#747 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary
Overlaid button for highlighting key actions regardless of scroll position.

### Edits by @GCHQ-Developer-718 08/08/2025

There have been at least two internal requests for a sticky button that scrolls a component into view when clicked. A specific request I've received was for a sticky icon button that scrolls to a chat window on click and works with the ICDS footer and classification banner.

As the back to top component already provides this functionality, it would be helpful to make a customisable version of this to suit the customer's use-case, which has all the variants of ic-button.

An "ic-sticky-button" could have a target prop like ic-back-to-top for the above use-case. If target is used, an anchor element should be rendered.

It could also accept a click event handler for the use-case mentioned in the original summary and, in this case, a button element should be rendered.

Contributor guide

Open the contributing guide

Research direction

Start by reading the existing ic-back-to-top component and the ic-button variants. Define the customizable sticky button around the stated target and click-handler behaviors, including anchor versus button rendering and compatibility with the ICDS footer and classification banner. Done means both interaction modes and the requested variants are supported.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.