Custom breakpoints

[ArturasTv]

It would be nice to have the ability to define custom breakpoints. I usually prefer using my own breakpoints, like :tablet and :desktop.

[burakgormek]

Hey, I missed this one because I didn't get a notification.

I've added custom breakpoints . You can try it with next&vite plugin.

export default withAtomicVariants(nextConfig, {
  breakpoints: ["mobile", "desktop"],
});

also for typescript:

declare module "atomic-variants" {
  export interface AtomicBreakpoints {
    mobile: true;
    desktop: true;
  }
}

If you don't want to add prefix for the default breakpoint(xs default) you can set it globally:

import { config } from "atomic-variants";

config.baseBreakpoint = "mobile";

[ArturasTv]

Okay thanks
seems working 👍