Skip to content

Commit d6510c4

Browse files
Maharshi AlpeshMaharshi Alpesh
Maharshi Alpesh
authored and
Maharshi Alpesh
committed
docs(card): adding info regarding the gradient for blurred card
1 parent c2c3534 commit d6510c4

File tree

1 file changed

+3
-1
lines changed
  • apps/docs/content/docs/components

1 file changed

+3
-1
lines changed

apps/docs/content/docs/components/card.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -73,10 +73,12 @@ You can use other NextUI components inside the card to compose a more complex ca
7373

7474
### Blurred Card
7575

76-
You can pass the `isBlurred` prop to the card to blur the card.
76+
You can pass the `isBlurred` prop to the card to blur the card. Card gets blurred properties with respect to its ansestor element's color.
7777

7878
<CodeDemo isGradientBox title="Blurred Card" files={cardContent.blurred} />
7979

80+
**Note** : While trying out the above example, it is required to provide necessary background to any ansestor element of Card Component in order to obtain the `blur` effect as seen in preview.
81+
8082
### Primary Action
8183

8284
If you pass the `isPressable` prop to the card, it will be rendered as a button.

0 commit comments

Comments
 (0)