Skip to content
Folio

Website

Actions

Share action menus and a scroll-to-top control.

Usage

When to reach for it

Connect generic accessible controls to host-owned share and scroll intentions.

Ships from@misoto22/folio/website

TSX
import { ActionMenu } from '@misoto22/folio/website'

Notes

A collision-aware action menu with roving focus and an optional native trigger.

Best practices

Do

  • Supply localized labels, descriptive links and meaningful image alternatives.

Don’t

  • Do not put service credentials, routing logic or backend models inside presentation components.

Examples

a record action menu

An accessible action menu delegates each choice to a host callback. This record's read state changes locally while the menu handles focus and dismissal.

Unread

Parts

Composed at the call site rather than configured through props, so a layout this component did not anticipate is still expressible.

ScrollControl

Page position belongs to the host; visibility and a safe tab stop belong here.

ScrollControl props
PropTypeDefaultDescription
labelrequiredstring
onActivaterequired() => void
visiblerequiredboolean