### Install Commerce7 Admin UI Source: https://admin-ui-docs.commerce7.com/?path=%2Fdocs%2Fc7-admin-ui--documentation Run this command to install the Commerce7 Admin UI and add it to your package.json dependencies. ```bash npm install @commerce7/admin-ui --save ``` -------------------------------- ### Setup Commerce7 Admin UI Source: https://admin-ui-docs.commerce7.com/?path=%2Fdocs%2Fc7-admin-ui--documentation Wrap your entire application with the Commerce7AdminUI component to set up the admin UI context and providers. ```javascript import { Commerce7AdminUI } from '@commerce7/admin-ui'; function App() { return ( {/* Your application components */} ); } ``` -------------------------------- ### Include Inter Font with NPM Source: https://admin-ui-docs.commerce7.com/?path=%2Fdocs%2Fc7-admin-ui--documentation Install the Inter font package via NPM and import it into your project. ```bash npm install inter-ui ``` ```javascript import 'inter-ui/style.css'; ``` -------------------------------- ### Import and Use Components Source: https://admin-ui-docs.commerce7.com/?path=%2Fdocs%2Fc7-admin-ui--documentation Import individual components from the Commerce7 Admin UI library to use them within your application. ```javascript import { Button } from '@commerce7/admin-ui'; function MyComponent() { return ; } ``` -------------------------------- ### Include Inter Font in HTML Source: https://admin-ui-docs.commerce7.com/?path=%2Fdocs%2Fc7-admin-ui--documentation Add this line to your HTML file to include the Inter font from Google Fonts. ```html ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.