Action
Form field row layout for property editors.
Install
npx shadcn@latest add https://substrate.georgedrury.co.uk/r/actionExamples
Default
"use client"
import { Action, ActionLabel, ActionControls } from "@/components/substrate/action"With colour picker
ActionControls automatically sizes and strips borders from nested ColourSwatch, Slider, NumberInput, and other slot-aware components.
"use client"
import { useState } from "react"Components
| Component | Description |
|---|---|
Action | Container with flex row layout and gap |
ActionLabel | Fixed-width label |
ActionControls | Flex-1 control area |