Responsive styling in Castle UI can be done at the component level using Breakpoints

Usage

Import

import { Breakpoints, BreakpointKey } from '@passfort/castle'
content_copy
Copy

Example

For use with components that do not have withBreakpoints integration

<Breakpoints 
  config={{
      xs: 200,
      md: 400
  }}
    render={(key) => (
        <Box>key: {key}</Box>
    )}
  />
<Breakpoints 
  config={{
      xs: 200,
      md: 400
  }}
    render={(key) => (
        <Box>key: {key}</Box>
    )}
  />
content_copy
Copy
live example