@raid-ui/system

Combined system props for @raid-ui components

Usage no npm install needed!

<script type="module">
  import raidUiSystem from 'https://cdn.skypack.dev/@raid-ui/system';
</script>

README

@raid-ui/system

Styled system functions for @raid-ui

npm minzip size License js-standard-style

Part of React-kit.

  • common
  • layout
  • depth
  • size
  • typography
  • withMedia

See the styled system reference table for underlying css values

Reference Table

Common

Layout

  • layout
  • box-sizing
  • depth (z-index and box-shadow)

Depth

  • depth (z-index and box-shadow)

Size

  • width
  • height
  • min-width
  • min-height
  • max-width
  • max-height

Typography

  • typography
  • white-space
  • text-decoration
  • text-transform
  • vertical-align

withMedia

Allows bracketed types to support media queries.