add border radius trick docs

MarceloPrado · Mar 1, 2024 · bf8206d · bf8206d
1 parent 2712948
commit bf8206d
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/apps/docs/docs/fundamentals/tips-and-tricks.mdx b/apps/docs/docs/fundamentals/tips-and-tricks.mdx
@@ -106,3 +106,20 @@ export function ImperativeScrolling() {
 </video>
 
 </HStack>
+
+## Setting Border Radius to `Calendar.Item.Day`
+
+To apply a border radius to the `Calendar.Item.Day` component, it's necessary to specify the radius for all four corners. Here's an example of how to achieve this:
+
+```tsx
+itemDay: {
+  base: () => ({
+    container: {
+      borderTopRightRadius: 10,
+      borderBottomRightRadius: 10,
+      borderTopLeftRadius: 10,
+      borderBottomLeftRadius: 10,
+    },
+  }),
+}
+```