Comment on page

Illustration

Illustration component - Abyssale REST API

Abyssale supports the following illustration packages:
​Feather icons (Icons)
​Undraw (Illustrations)
​Material icons (Icons)
​Twemoji (Emojis)
Available properties:
Property
Description
illustration_type
The illustration library that will be used to retrieve the related illustration name. 
​
Supported values: 
undraw
feather
twemoji
material_icons
illustration_file
The illustration name. It corresponds to:
Feather icons: The name given on the feature icons website.
Undraw: The name of the related illustration file (without the file extension)
Material Icons: The icon id (example: visibility_off)
Twemoji: Name of the emoji. You can found the list here.
illustration_properties
​Go to Illustration properties documentation​
alignment
​Go to Alignment documentation​
opacity
Integer between 0 and 100. Opacity of the image
Illustration Properties
Undraw, feather and material icons can have an illustration_properties property.
Property
Description
primary_color
String: 6-8 digits hexa color. Color of the illustration.
​
This attribute should be located within the "illustration_properties" section of your post code.
Examples:
"illustration_file": "tropical_fish"
"alignment": "middle center"
​
​
"opacity": 68,
"illustration_file": "happy_2021",
"illustration_properties": {
       "primary_color": "#FF0000" 
}
​
​

Property	Description
`illustration_type`	The illustration library that will be used to retrieve the related illustration name. Supported values: `undraw` `feather` `twemoji` `material_icons`
`illustration_file`	The illustration name. It corresponds to: Feather icons: The name given on the feature icons website. Undraw: The name of the related illustration file (without the file extension) Material Icons: The icon id (example: `visibility_off`) Twemoji: Name of the emoji. You can found the list here.
`illustration_properties`	Go to Illustration properties documentation
`alignment`	Go to Alignment documentation
`opacity`	Integer between 0 and 100. Opacity of the image

Property	Description
`primary_color`	String: 6-8 digits hexa color. Color of the illustration. This attribute should be located within the "`illustration_properties`" section of your post code.

Rating

QR Code

Last modified 3mo ago

`"illustration_file": "tropical_fish"` `"alignment": "middle center"`
`"opacity": 68,` `"illustration_file": "happy_2021",` `"illustration_properties": {` `"primary_color": "#FF0000"` `}`