Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(card, badge): slots section addition #3580

Merged
merged 6 commits into from
Aug 29, 2024
Merged

docs(card, badge): slots section addition #3580

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a4543e1
fix(navbar): fixed the height when style h-full
awesome-pro Jul 21, 2024
626e0e0
fix(navbar): fixed the height when style h-full
awesome-pro Jul 21, 2024
9ae43dd
Merge branch 'nextui-org:canary' into canary
awesome-pro Jul 23, 2024
816e5cb
Merge branch 'nextui-org:canary' into canary
awesome-pro Jul 25, 2024
1bb4c08
docs(card,badge): added slots section
awesome-pro Jul 30, 2024
0424f0c
Delete .changeset/brown-days-applaud.md
awesome-pro Jul 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions apps/docs/content/docs/components/badge.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,16 @@ Instead, consider supplying a comprehensive description, such as using `aria-lab

<Spacer y={4} />

## Slots

The Badge component has two slots:

- **base**: The base slot for the badge, which is the container of the badge.

- **badge**: The main slot for the badge content, which is the content of the badge.

<Spacer y={4} />

## API

### Badge Props
Expand Down
13 changes: 13 additions & 0 deletions apps/docs/content/docs/components/card.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,19 @@ You can use `Image` component as the cover of the card by taking it out of the `

<Spacer y={4} />

## Slots

- **base**:
The main container of the card, where the header, body, and footer are placed.
- **header**:
The header of the card, usually used for the title.
- **body**:
The body of the card, where the main content is placed.
- **footer**:
The footer of the card, usually used for actions.

<Spacer y={4} />

## Data Attributes

`Card` has the following attributes on the `base` element:
Expand Down