import { metadata } from '@broadleaf/admin-components';
const { BooleanColumn } = metadata.columns;
Each sub-collection corresponds to a specific class of metadata-driven components.
metadata
columns
import { metadata } from '@broadleaf/admin-components';
const { BooleanColumn } = metadata.columns;
Component Name | Description |
---|---|
|
Renders a column for a |
|
Renders a column specifically for the |
|
This column is responsible for rendering a |
|
Dynamically renders a column type based on the metadata, and if no matching column type is found, a |
|
Renders a column for a |
|
Renders a column for an |
|
Renders a column for an |
|
Renders a column for an |
|
Renders a column for an |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
|
Renders a column for a |
externals
import { metadata } from '@broadleaf/admin-components';
const { CampaignCodesGridCollection } = metadata.externals;
Component Name | Description |
---|---|
|
Renders an extension to |
|
Renders a component typically used for managing relationships between an entity and an Asset.
This utilizes |
|
Renders a component that handles uploading an Asset and viewing a preview of it. |
|
Renders an external read-only form group of fields. |
|
Renders a component that renders a configured |
|
Renders an external component to render the HTML hyperlinks. |
|
Renders an extension to |
|
Renders an extension to |
|
Renders a component that initializes the |
|
Extension to |
fields
import { metadata } from '@broadleaf/admin-components';
const { AssetBrowserLookupField } = metadata.fields;
Component Name | Description |
---|---|
|
A field component that renders an |
|
A field component that handles uploading an Asset and sets its URL in the form state. It also allows a user to target a specific URL as text. |
|
Renders a toggle switch field for a |
|
Renders the toggle switch that opens/closes the slide-over panel for Business Type field maintenance. |
|
Renders the wrapper component that displays a Business Type field to be edited in the field maintenance view. |
|
Renders a text input for a |
|
Renders an |
|
Renders a date picker field for the |
|
Renders a number input for a |
|
Renders a text input for a |
|
Renders a select input for a |
|
Renders a text input for a |
|
This component provides a way to configure a dynamic field whose metadata changes based on the form state. |
|
Renders a select input for each |
|
Renders an enumerated select input field. |
|
Renders an enumerated toggle switch field. |
|
Renders a controllable field array form group that can manage duplicating its components. |
|
This collection type is used for rendering collections of type |
|
Renders a text input for a |
|
Renders an HTML input for a |
|
A multi-select field that is used to specify which fields to import from the file.
To specify the name of the file input, use the metadata attribute |
|
Renders a numeric input for an |
|
Renders a numeric input for a |
|
Renders a select input for a |
|
Renders a text input for a |
|
Renders a |
|
Renders a collection of resident grid fields —— these are rendered as a list grid within a form, and allows the management of an embedded collection on the domain. For example, this is useful for managing a set of attributes or other simple objects. |
|
Renders a field that represents map entries for an embedded collection on the domain —— for example, this can be used to manage a fulfillment flat rates map that maps fulfillment flat rates to products. |
|
Renders a rule builder for a field with type |
|
Renders a creatable select input for an |
|
Renders a text input for a |
|
Renders a text area input for a |
groups
import { metadata } from '@broadleaf/admin-components';
const { BasicGroup } = metadata.groups;
Component Name | Description |
---|---|
|
Renders a basic form group. |
|
Renders a collapsible form group. |
|
Renders a controllable collapse form group. |
|
Renders an inline group as a container for displaying components "inline". |
|
Renders a collapsable form group that is controlled by a button. |
views
import { metadata } from '@broadleaf/admin-components';
const { Approvals } = metadata.views;
Component Name | Description |
---|---|
|
A view for rendering the list grids dealing with approving and scheduling sandbox change summaries. It also manages which grid is rendered based on the view parameter of the location search string. |
|
The view container component typically used for managing relationships between an entity and an Asset.
This utilizes |
|
A view with a |
|
A view for rendering the list grids dealing with managing deployments of sandbox changes. It manages which grid is rendered based on the view parameter of the location search string. |
|
The default view container component for most entities browse view. This is typically responsible for rendering one or more grid sections, but is capable of rendering any section configured in the metadata. |
|
The view-type usually used for rendering the list view for an entity domain. |
|
The primary view component for rendering the create or edit form for managing the data for an entity. |
|
The long form view component for rendering the create or edit form for managing the data for an entity. |
|
The default view container component for rendering the export section tab. |
|
The default view container component for rendering the import screen.
This is typically responsible for rendering |
|
The view-type usually used for rendering the list of the import processes. |
|
This is a view for rendering the list grids dealing with a user’s sandbox changes. It manages which grid is rendered based on the view parameter of the location search string. |
|
A view-type component used for simply rendering a set of form components.
This is typically used as a replacement for |