@@ -80,6 +80,10 @@ They make it easy to style components based on their current state using modifie
 - `corvu-range-start` -> `&[data-range-start]`
 - `corvu-range-end` -> `&[data-range-end]`
 - `corvu-in-range` -> `&[data-in-range]`
+- `corvu-side-top` -> `&[data-side='top']`
+- `corvu-side-right` -> `&[data-side='right']`
+- `corvu-side-bottom` -> `&[data-side='bottom']`
+- `corvu-side-left` -> `&[data-side='left']`
 
 These two CSS framework use similar syntax. You can style components like this: