A slice to display a bunch of stats (3 to 4)

With this slice you can display 3 to 4 stats, with or without ad additional image (with link), that will show at the end. Right now we're using an image for the Reviews, with a link to additional reviews. You can either change the image, or avoid using it at all. Alternatively, instead of adding a big stat on each block, you can add images instead (see example).

Limits

• Works better with 3 to 4 stats / blocks. More or less might ruin the layout.
• Keep the Stat Text prop as short as possible

Do's:

• Use an image, for example the stars for the reviews. It is not compulsory, but the slice looks much nicer :)

Don'ts:

Props:

1. Image URL (OPTIONAL)

• Name: image
• Type: String
• Description: Url to the image you want to use. This is the image that will always show at the end as last stat. You can either add the image's URL as a string, or add the image to Prismic through the Media Library, then click on it, and grab the url from there (you should end up with the format like "https://images.prismic.io/codaisseur[...]").

2. Text above image (OPTIONAL, but compulsory if you decide to insert an image)

• Name: imageTitle
• Type: String
• Description: The text you want to show above the image (e.g. "Reviews").

3. Link (OPTIONAL)

• Name: link
• Type: String
• Description: URL to the page you want to open when people click the Link Text (small text below the image)

4. Link Text (OPTIONAL, but compulsory if you decide to insert a link)

• Name: linkText
• Type: String
• Description: Text below the image, e.g. "see all reviews". This will be clickable and linking to whatever you inserted in the "Link" prop.

Repeatable:

Each stat is a repeatable area. Just add between 3 and 4 of these, each with its own id, value and text. If you prefer, you can add an image instead of the big stat (have a look at the /student-reviews page for an example). Also, you can mismatch them: adding some elements in the repeatable area as stats, and others as images (like in the /student-reviews page).

1. ID

• Name: id
• Type: number
• Description: A scalar number, needed for the code. Just make sure to add a number starting from 1, and increasing it for each stat (e.g. the first stat will have id=1, the second id=2, and so on)

2. Stat Value

• Name: stat
• Type: String
• Description: The big number you wanna show as stat

3. Stat Text

• Name: statText
• Type: String
• Description: The smaller text below each stat, describing it. Keep this short!

4. Image

• Name: image
• Type: String
• Description: Excludes stat value & stat text, size: 130 x 130px (automatically resized)

5. Link (OPTIONAL)

• Name: link
• Type: String
• Description: A link used when the image is clicked