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 illustration_properties.
Property
Description
primary_color
String: 6-8 digits hexa color. Color of the illustration.
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.

Rating

QR Code

Last modified 9d ago

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