react-daisyui icon indicating copy to clipboard operation
react-daisyui copied to clipboard

Add ability to override drawer internal classNames

Open HriBB opened this issue 2 years ago • 3 comments

ATM there is no way to override most of the internal classNames used in react-daisyui, so I have to do stuff like:

@tailwind base;
@tailwind components;
@tailwind utilities;

.drawer-toggle ~ .drawer-content {
  display: flex;
  flex-direction: column;
}

This PR adds support to override Drawer internal classNames.

<Drawer
  mobile
  open={state.drawerOpen}
  onClickOverlay={toggleDrawer}
  side={/* ... */}
  contentClassName="flex flex-col"
>
  {children}
</Drawer>

HriBB avatar Aug 13 '22 22:08 HriBB

Deploy Preview for react-daisyui ready!

Name Link
Latest commit a42bc7d41dc8e53263522de1d3304cbdfdc5413f
Latest deploy log https://app.netlify.com/sites/react-daisyui/deploys/62f828f58b77eb000896277b
Deploy Preview https://deploy-preview-188--react-daisyui.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Aug 13 '22 22:08 netlify[bot]

Deploy Preview for react-daisyui processing.

Name Link
Latest commit a42bc7d41dc8e53263522de1d3304cbdfdc5413f
Latest deploy log https://app.netlify.com/sites/react-daisyui/deploys/62f828f58b77eb000896277b

netlify[bot] avatar Aug 13 '22 22:08 netlify[bot]

Deploy Preview for react-daisyui processing.

Name Link
Latest commit a42bc7d41dc8e53263522de1d3304cbdfdc5413f
Latest deploy log https://app.netlify.com/sites/react-daisyui/deploys/62f828f58b77eb000896277b

netlify[bot] avatar Aug 13 '22 22:08 netlify[bot]