Yandex
 
Contents
DivKit
Creating a card
Demo
Element directory
Customization
FAQ
Typical structure
Basic elements
Modifiers
DivKit
Creating a card
Layout inside the card
Structural position of elements
Visual display of elements
Image properties
Text properties
Interactive elements
Actions with elements
Animation
Templates
Variables
Calculated expressions
Embedded functions
Demo
iOS
Android
Web
Element directory
Typical structure
Basic elements
container
custom
data
gallery
gif-image
grid
image
indicator
input
pager
separator
slider
state
tabs
text
Modifiers
absolute-edge-insets
accessibility
action
animation
aspect
background
linear-gradient
radial-gradient
radial-gradient-center
radial-gradient-fixed-center
radial-gradient-relative-center
radial-gradient-radius
radial-gradient-relative-radius
image-background
solid-background
nine-patch-backgroundd
border
corners-radius
count
infinity-count
fixed-count
dimension
drawable
shape-drawable
edge-insets
extension
filter
blur
focus
indicator-item-placement
default-indicator-item-placement
stretch-indicator-item-placement
pager-layout-mode
page-size
neighbour-page-size
patch
percentage-size
pivot
pivot-fixed
pivot-percentage
point
shadow
shape
rounded-rectangle-shape
circle-shape
size
fixed-size
match-parent-size
wrap-content-size
stroke
text-gradient
text-range-background
solid-background
text-range-border
timer
tooltip
transform
transition
appearance-transition
appearance-set-transition
fade-transition
scale-transition
slide-transition
change-bounds-transition
change-set-transition
change-transition
trigger
visibility-action
Customization
FAQ
Element directory
Typical structure

Typical structure

  1. Learn more
  • container
  • grid
  • tabs
  • separator
  • gallery
  • text
  • image

Learn more

Follow DivKit news in the Telegram channel: http://t.me/divkit_news

You can also discuss topics of interest in the DivKit user community in Telegram: https://t.me/divkit_community_ru

DivKit Repository

Was the article useful?
Please specify why
  • I don't like how this feature works
  • recommendations did not help me
  • didn't answer my question
  • article content does not match its stated topic
  • article is hard to understand
  • other reason
Thank you for your feedback!
Please tell us what you didn't like about this article:
Previous
Web
Next
container
Previous
Web
Next
container