star_empty¶

The star_empty macro is used to render empty star icon.

Definition¶

{% macro star_empty(options) %}

Input parameters¶

options¶

object represents an object of input attributes

Option key	Type	Default	Required	Description
options.size	`string`	`l`	no	Represents the size of the star, allowed values are `l`, `xl` and `xxl`
options.isHoverable	`boolean`	`false`	no	If set to `true` the cursor will change when hovering the star

Example¶

Rendering a hoverable star with xl size.

{{ star_empty({ size: 'xl', isHoverable: true }) }}

Macro source code¶

{% macro star_empty(options = {size: 'l', isHoverable: false}) %}
    <svg aria-hidden="true" class="icon icon_{{ options.size }} icon_no-stroke star-icon{% if options.isHoverable %} star-icon_hoverable{% endif %}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.1033 3.81663C11.4701 3.07346 12.5299 3.07346 12.8967 3.81663L14.8576 7.78909C15.0031 8.08394 15.2843 8.2884 15.6096 8.33595L19.9962 8.97712C20.8161 9.09696 21.1429 10.1048 20.5493 10.683L17.3768 13.773C17.1409 14.0027 17.0333 14.3339 17.0889 14.6584L17.8374 19.0226C17.9775 19.8396 17.12 20.4626 16.3864 20.0767L12.4655 18.0148C12.1741 17.8615 11.8259 17.8615 11.5345 18.0148L7.61363 20.0767C6.88 20.4626 6.02245 19.8396 6.16257 19.0226L6.91109 14.6584C6.96675 14.3339 6.85908 14.0027 6.62321 13.773L3.45068 10.683C2.85708 10.1048 3.18387 9.09696 4.00378 8.97712L8.39037 8.33595C8.71572 8.2884 8.99691 8.08394 9.14245 7.78909L11.1033 3.81663Z"/>
    </svg>
{% endmacro %}