# Releases

Use the releases content block to display a timeline with release information.

## Overview

The `releases` content block displays a timeline with release information.

```yml
- _bookshop_name: releases
  heading:
    preheading: Preheading
    title: Heading
    content: Content
    align: start
    width: 8
  background:
    color: body-tertiary
    subtle: false
  data: timeline-sample
```

## Data

The releases block supports structured release data as input. The following file provides a language-specific example. Place this file in your site's data folder.

```yml
- title: Product launch
  icon: rocket
  color: primary
  date: 2023-07-01
  url: https://github.com/gethinode/hinode/releases/tag/v0.15.2
  content:
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate ducimus
    officiis quod! Aperiam eveniet nam nostrum odit quasi ullam voluptatum.

- title: I18N support
  icon: globe
  color: success
  date: 2023-05-06
  url: v0.14.0
  content:
    Lorem ipsum dolor sit amet.

- title: New feature
  icon: house
  color: warning
  date: 2023-02-04
  url: v0.8.1
  content:
    Cupiditate ducimus officiis quod!

- title: Beta release
  icon: heart
  color: info
  date: 2022-11-30
  # url: v0.1
  content:
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate ducimus
    officiis quod! Aperiam eveniet nam nostrum odit quasi ullam voluptatum.
```

## Arguments

The content block supports the following arguments:

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `background` | background |  |  | Background style of the section. |
| `bg-class` | string |  |  | Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element. |
| `cover` | bool |  |  | Flag indicating if the element should be rendered fullscreen. |
| `data` | string | yes |  | Path of the input data relative to the site's data folder. Supported data formats include `JSON`, `TOML`, `YAML`, and `XML`. You can omit the file extension. |
| `fluid` | bool |  | `true` | Flag to set the section container to fluid design, else the section is limited to `xxl`. |
| `heading` | heading |  |  | Heading of the content block, including a preheading and content element. |
| `justify` | select |  | `start` | Justification of the child elements. Supported values: [`start`, `end`, `center`, `between`, `around`, `evenly`]. |
| `overlay-mode` | select |  |  | Overlay mode of the element, overrides the site's general configuration. Supported values: [`light`, `dark`, `none`]. |
| `section-class` | string |  |  | Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element. |
| `theme` | select |  |  | Color theme to apply to the element. Supported values: [`light`, `dark`]. |
| `width` | int |  | `8` | Column width of the element. For embedded elements, the width is relative to the parent's container. |
| `wrapper` | string |  |  | Class attribute of the element's wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the `fa-wrapper` and `fa-fluid` attributes by default. |

