## 1.

**[Preview and Design](#preview)**



 

 

 

 

 

 



 

## 2.

[**How to create**](#creation)



 

 

 

 

 

 



 

## 3.

[**How to translate**](/site-configuration/edit-translations "Edit translations")



 

 

 

 

 

 



 

 

 





<a name="preview"></a>

---

## Preview

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2018/11/Links%20preview.png.webp?itok=FIlGuE3V)   



## Information architecture

Allows to display list of links to internal/external pages or documents.

## Design

Links media can use any of the Veolia colors.

Links media can be added to a text paragraph or media paragraph. Media has alignment and width option when embed to a text paragraph

## Typical usage and example

To be used for: Block with list of related links

See an example on [https://www.veolia.co.uk/solutions/tidworth-business-water](https://www.veolia.co.uk/about-us/green-products-veolia)

<a name="creation"></a>

---

## How to create it

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2018/11/Links%20adding%20form.png.webp?itok=eh5HNxWi)   



| Field | Description |
|---|---|
| 1 - Name | Used in the backoffice. If no title isn't set, Name will be displayed as media's title |
| 2 - Title | Custom title for the links block |
| 3 - Colour | Chose a background color for links media |
| 4 - Add link item | Add one new link item to the media |



   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2018/11/Links%20item%20adding%20form.png.webp?itok=XMi4nX3B)   



| Field | Description |
|---|---|
| 1 - URL | Link to a page. Can be external or internal |
| 2 - Title | Label for a link |
| 3 - Document | Add link to a related [Document media](/medias/document-media "Document media") |
| 4 - Custom text | Text label without link |