Skip to content

Layout

Display

ClassCSS
chai-blockdisplay: block
chai-inlinedisplay: inline
chai-inline-blockdisplay: inline-block
chai-flexdisplay: flex
chai-inline-flexdisplay: inline-flex
chai-griddisplay: grid
chai-inline-griddisplay: inline-grid
chai-tabledisplay: table
chai-contentsdisplay: contents
chai-hiddendisplay: none

For flex- and grid-specific utilities, see Flex & Grid.

Position

ClassCSS
chai-staticposition: static
chai-relativeposition: relative
chai-absoluteposition: absolute
chai-fixedposition: fixed
chai-stickyposition: sticky

Inset

ClassCSS
chai-top-0top: 0px
chai-right-4right: 4px
chai-bottom-[1rem]bottom: 1rem
chai-left-autoleft: auto
chai-inset-0top: 0; right: 0; bottom: 0; left: 0

Z-index

ClassCSS
chai-z-0z-index: 0
chai-z-10z-index: 10
chai-z-50z-index: 50
chai-z-[100]z-index: 100

Overflow

ClassCSS
chai-overflow-hiddenoverflow: hidden
chai-overflow-autooverflow: auto
chai-overflow-scrolloverflow: scroll
chai-overflow-visibleoverflow: visible

Made by Saad · @developedbysaad on X