SettingsDashboard
Top-level settings landing page — composes the per-section settings cards in a single grid.
Top-level settings landing page — composes the per-section settings cards in a single grid.
import { SettingsDashboard } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
dangerActions | Optional | ActionButtonProps[] | undefined | — | — |
headerControlsProps | Optional | HeaderControlsSettingsProps | undefined | — | — |
rbacControlProps | Optional | RBACControlSettingsProps | undefined | — | — |
importExportProps | Optional | ImportExportSettingsProps | undefined | — | — |
featureFlagsProps | Optional | FeatureFlagsSettingsProps | undefined | — | — |
showFeatureFlags | Optional | boolean | undefined | — | — |
className | Optional | string | undefined | — | — |
Usage
Top-level settings page that composes all per-section settings cards (header controls, RBAC, import/export, feature flags) in a single grid layout.
Example
import { SettingsDashboard } from '@tetherto/mdk-react-devkit'export const SettingsDashboardExample = () => ( <div className="mdk-example-row"> <SettingsDashboard showFeatureFlags={false} /> </div>)