Actions
Action grid
Available forNativeWeb
the row of shortcuts under a screen hero · 3–4 items, one row only, last tile is "More"
Usage
The row of shortcuts under a screen hero. Keep it to one row — the last tile should be "More", not a second row.
API
<ActionGrid items={[{icon,label,onPress,badge?}]} />Get it
Already in every copy of the native kit:
import { ActionGrid } from '@/components/kit/action-grid';Details
- Exports
ActionGrid- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-utils, @kit-native/text
- Also searched as
- quick actions, shortcuts, tiles, icon buttons
- Registry JSON
- /r/native/action-grid.json
Usage
The row of shortcuts under a hero. Keep it to one row: the last tile should be "More", not a second row.
API
<ActionGrid items={[{icon,label,onClick|href,badge?}]} />Get it
Already in every copy of the web kit:
import { ActionGrid } from '@/components/kit/action-grid';Details
- Exports
ActionGrid- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Also searched as
- quick actions, shortcuts, tiles, icon buttons
- Registry JSON
- /r/web/action-grid.json
Agents: the whole registry is at /llms.txt.