npm install @equinor/fusion-react-ag-grid-styles
The hook adds the theme alpine-fusion
to your ag-grid instance without adding global stylesheet to the portal.
It sets up the required variables and classnames for use in your component in a scoped naming scheme.
You do not need any other styles from the ag-grid package or other fusion packages.
- And set the theme name to
ag-theme-alpine-fusion
import AgGridReact from '@ag-grid-community/core';
import useStyles from '@equinor/fusion-react-ag-grid-styles';
const MyComponent = (): JSX.Element => {
const styles = useStyles();
return (
<div className="ag-theme-alpine-fusion">
<AgGridReact {...props} />
</div>
);
};