Skip to content

image.en.md

Latest commit

 

History

History
115 lines (81 loc) · 2.44 KB

image.en.md

File metadata and controls

115 lines (81 loc) · 2.44 KB

image

Use this block for creating an independent image.

Overview

Custom fields of the block

Field Type Description
title String Tooltip content.
alt String The alternate text of the image.
url String Image address.
width Number The width of the image in pixels.
height Number The height of the image in pixels.
content BEMJSON Image content in SVG format.

Block description

The block is used to create an independent image that is adapted for specific output modes (screen reader, print, programs for people with limited physical capacities).

Custom fields of the block

title field

Type: String.

Specifies the tooltip content.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/16159/259818507.0/0_130be6_4116d8e7_S',
    title : 'Find detailed description on bem.info'
}

alt field

Type: String.

Specifies the alternate text of the image. The text provides useful information about the image if a browser cannot display it for some reasons.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/6737/259818507.0/0_130be4_7315e1e0_S',
    alt : 'BEM'
}

url field

Type: String.

Specifies the address for the image uploading.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S'
}

width field

Type: Number.

Specifies the image width in pixels.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
    width : 200,
    height : 100
}

height field

Type: Number.

Specifies the image height in pixels.

{
    block : 'image',
    url : 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
    width : 100,
    height : 200
}

content field

Type: BEMJSON.

Specifies content of the image in SVG format.

{
    block : 'image',
    content : { html: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16"><path d="M13.5.5l-8 12L1.7 8l-1 1.6L5.6 15l9.1-13.4z"/></svg>' }
}