ActionForm
Schema-driven form builder.
import { ActionForm } from '@ybouhjira/hyperkit';Static examples
This component depends on app-level context (providers, services, or interactive setup) that does not fit the inline playground yet, so its examples are shown as static code.
#Props
| Prop | Type | Default | Description |
|---|---|---|---|
target * | string | — | The navigable ID to target |
action * | string | — | The action name to dispatch |
onSubmit | (result: DispatchResult) => void | — | Called after a successful dispatch with the result |
onError | (error: string) => void | — | Called when dispatch returns ok:false |
submitLabel | string | — | Custom label for the submit button |
class | string | — | Additional CSS class |
style | JSX.CSSProperties | — | Inline styles |
* required prop.
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-accent--sk-accent-fg--sk-bg-secondary--sk-border--sk-error--sk-font-size-base--sk-font-size-sm--sk-font-size-xs--sk-font-ui--sk-radius-md--sk-space-lg--sk-space-md--sk-space-sm--sk-space-xl--sk-space-xs--sk-text-on-accent--sk-text-primary--sk-text-secondary