Reactreact anchor link

For general installation and configuration take a look at the react-core-components package.

Generalgeneral anchor link

If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

Use componentuse-component anchor link

// App.tsx
import { useState } from "react";
import { DBButton, DBDrawer } from "@db-ux/react-core-components";

const App = () => {
	const [open, setOpen] = useState<boolean>(false);
	return (
		<div>
			<DBButton
				onClick={() => {
					setOpen(true);
				}}
			>
				Open Me
			</DBButton>
			<DBDrawer
				open={open}
				onClose={() => {
					setOpen(false);
				}}
				drawerHeader={<header>Optional drawer header</header>}
			>
				My Drawer content
			</DBDrawer>
		</div>
	);
};

export default App;