format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,9 +1,11 @@
|
|||
### card
|
||||
|
||||
Cards are used to group and display content
|
||||
|
||||
[card docs](https://daisyui.com/components/card/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `card`
|
||||
- part: `card-title`, `card-body`, `card-actions`
|
||||
- style: `card-border`, `card-dash`
|
||||
|
|
@ -11,18 +13,20 @@ Cards are used to group and display content
|
|||
- size: `card-xs`, `card-sm`, `card-md`, `card-lg`, `card-xl`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<div class="card {MODIFIER}">
|
||||
<figure><img src="{image-url}" alt="{alt-text}" /></figure>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">{title}</h2>
|
||||
<p>{CONTENT}</p>
|
||||
<div class="card-actions">{actions}</div>
|
||||
</div>
|
||||
<figure><img src="{image-url}" alt="{alt-text}" /></figure>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">{title}</h2>
|
||||
<p>{CONTENT}</p>
|
||||
<div class="card-actions">{actions}</div>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the modifier class names and one of the size class names
|
||||
- `<figure>` and `<div class="card-body">` are optional
|
||||
- can use `sm:card-side` for responsive layouts
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue