AG branding

import { ... } from '@ag.ds-next/react/ag-branding';

Agriculture theme

To use the agriculture theme in your website or application, pass the theme object from this package to our Core component.

import { Core } from '@ag.ds-next/react/core';
import { theme } from '@ag.ds-next/react/ag-branding';

export default function App({ Component }) {
	return (
		<Core theme={theme}>
			<Component />
		</Core>
	);
}

Agriculture logo

<Box maxWidth={600} color="text">
	<Logo />
</Box>