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