> For the complete documentation index, see [llms.txt](https://owwwlab.gitbook.io/chaos-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://owwwlab.gitbook.io/chaos-docs/els/book-el.md).
# Book Element
```
```
This element consists of two sections 1. `.item-meta` which is used for metadata purpose and is positioned at the top 2. `.title-wrapper` which is used for the title
Above example does not uses thumbnail or cover for the element.
### With cover
You should add an image with class of `.set-me` to the element and also add `.set-bg` class to book element
```
```
That will produce the following image:
### Color Skins
 Add these classes to `.book-el`
* `.skin-blue`
* `.skin-green`
* `.skin-purple`
* `.skin-yellow`
* `.skin-red`
* `.skin-cyan`
* `.skin-lemon`
### Shadow
 To add shadow to this element add `.shadow` class
```
class="book-el shadow skin-yellow"
```
### Alternative Contents
There are some variations for content type:
The HTML markup will be
```
```
**Note** to `.date` and `.cat` classes. Also you can have a `h6` with class of `.author` if you want to have author name at third line (`
By John Doe
`)
## Mini!
This is an exciting variation of this element and it uses a simple `.mini` class to achieve this. That simple!
```
