Admin
This component is similar to the AdminBlock, providing a deeper integration with the container your UI is rendered into. However, this only applies to Block Extensions which render inline on a resource page.
Anchor to adminblockpropsAdminBlockProps
Anchor to collapsedSummary
collapsedSummary
string
The summary to display when the app block is collapsed. Summary longer than 30 characters will be truncated.
Anchor to title
title
string
The title to display at the top of the app block. If not provided, the name of the extension will be used. Titles longer than 40 characters will be truncated.
Was this section helpful?
Simple AdminBlock implementation
import React from 'react';
import {reactExtension, AdminBlock} from '@shopify/ui-extensions-react/admin';
function App() {
return (
<AdminBlock title="My App Block">
Block content
</AdminBlock>
);
}
export default reactExtension('Playground', () => <App />);
Preview
