Skip to content

Commit

Permalink
docs(card): adding info regarding the gradient for blurred card
Browse files Browse the repository at this point in the history
  • Loading branch information
Maharshi Alpesh authored and Maharshi Alpesh committed Sep 11, 2024
1 parent c2c3534 commit 649f010
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion apps/docs/content/docs/components/card.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -73,10 +73,12 @@ You can use other NextUI components inside the card to compose a more complex ca

### Blurred Card

You can pass the `isBlurred` prop to the card to blur the card.
You can pass the `isBlurred` prop to the card to blur the card. Card gets blurred properties with respect to its ansestor element.

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

**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.

### Primary Action

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

0 comments on commit 649f010

Please sign in to comment.