Browse docs
Browse docs
Three steps. Two minutes. One working form.
pnpm add @dashforge/ui @dashforge/forms @dashforge/rbac @dashforge/theme-core @dashforge/theme-muiMaterial UI and Emotion:
pnpm add @mui/material @emotion/react @emotion/styledCopy this into a component to verify everything works:
import { DashForm } from '@dashforge/forms';
import { Select, TextField } from '@dashforge/ui';
function SupportForm() {
const handleSubmit = (data) => {
console.log(data);
};
return (
<DashForm onSubmit={handleSubmit}>
<Select
name="category"
label="Category"
options={[
{ value: 'bug', label: 'Bug Report' },
{ value: 'feature', label: 'Feature Request' },
]}
/>
<TextField
name="details"
label="Details"
visibleWhen={(engine) =>
engine.getNode('category')?.value === 'bug'
}
/>
<button type="submit">Submit</button>
</DashForm>
);
}Now that Dashforge is installed, learn how to build real forms with validation, conditional fields, and dynamic behavior.