### 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.