 --><svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1834 260' style='enable-background:new 0 0 1834 260;' xml:space='preserve'>
<g>
<path d='M0.5,257h184.8h110.9l0,0L148.3,0.9L0.5,257z M14.4,249L148.3,17l87.8,152l-46.2,80H14.4z' />
<path d='M488.8,188.9c-7-6.3-18.2-11.3-33.5-15.1l-17.5-4.5c-12.8-3.2-22.1-7.2-28-12.1c-5.9-4.9-8.8-11.2-8.8-19 c0-9.8,4.1-17.9,12.3-24.3c8.2-6.4,18.2-9.6,30.2-9.6c12.3,0,22.7,3.1,31,9.2c8.3,6.1,12.8,13.9,13.3,23.4h8.6 c-0.5-11.6-5.7-21.3-15.7-29c-9.9-7.7-22.3-11.5-37-11.5c-14.4,0-26.6,4-36.6,12c-9.9,8-14.9,18-14.9,30.2c0,9.8,3.4,17.8,10.2,24 c6.8,6.2,17.5,11.2,32.1,14.9l18.6,4.6c13.2,3.3,22.8,7.6,28.6,12.6c5.9,5.1,8.8,11.7,8.8,19.9c0,10.3-4.2,18.8-12.7,25.5 c-8.5,6.7-19.3,10.1-32.6,10.1c-13.7,0-25-3.4-34.1-10.1c-9.1-6.8-13.9-15.5-14.6-26.1h-8.6c0.7,13.1,6.2,23.7,16.7,31.9 s23.8,12.3,39.8,12.3c16.3,0,29.6-4.1,39.5-12.3c10.1-8.2,15.1-18.8,15.1-31.9C499.3,203.6,495.8,195.2,488.8,188.9z' />
<polygon points='636,99 517,99 517,107 572,107 572,257 581,257 581,107 636,107 ' />
<path d='M689.5,99l-60.2,158h9.1l19.7-53h71.5l19.8,53h9L698.2,99C698.2,99,689.5,99,689.5,99z M661.2,196l32.3-86h0.5l32.4,86 H661.2z' />
<polygon points='752,107 807,107 807,257 816,257 816,107 871,107 871,99 752,99 ' />
<rect x='898' y='99' width='9' height='158' />
<path d='M1008.8,104.1c13.7,0,25.5,4.3,35.7,12.9c10.2,8.6,16.1,19.2,17.8,32h8.7c-1.7-15-8.5-27.7-20.3-37.8 c-11.9-10.2-25.8-15.1-42-15.1c-21.3,0-38.2,7.3-50.8,21.8C945.3,132.5,939,152,939,176.7c0,25.1,6.3,45.1,18.9,60.1 c12.7,14.9,29.5,22.3,50.7,22.3c16.7,0,30.9-4.6,42.3-13.9c11.5-9.2,18-21.3,19.9-36.3h-8.7c-1.7,12.6-7.5,22.7-17.5,30.5 c-10,7.7-22,11.6-36.1,11.6c-18.5,0-33.3-6.7-44.3-20.1c-11-13.5-16.5-31.5-16.5-54.1c0-22.2,5.5-39.9,16.4-52.9 C975.4,110.6,990.1,104.1,1008.8,104.1z' />
<path d='M1252.3,188.9c-7-6.3-18.2-11.3-33.5-15.1l-17.5-4.5c-12.8-3.2-22.1-7.2-28-12.1c-5.9-4.9-8.8-11.2-8.8-19 c0-9.8,4.1-17.9,12.3-24.3s18.2-9.6,30.2-9.6c12.3,0,22.7,3.1,31,9.2c8.3,6.1,12.8,13.9,13.3,23.4h8.6c-0.5-11.6-5.7-21.3-15.7-29 c-9.9-7.7-22.3-11.5-37-11.5c-14.4,0-26.6,4-36.6,12c-9.9,8-14.9,18-14.9,30.2c0,9.8,3.4,17.8,10.2,24s17.5,11.2,32.1,14.9 l18.6,4.6c13.2,3.3,22.8,7.6,28.6,12.6c5.9,5.1,8.8,11.7,8.8,19.9c0,10.3-4.2,18.8-12.7,25.5c-8.5,6.7-19.3,10.1-32.6,10.1 c-13.7,0-25-3.4-34.1-10.1c-9.1-6.8-13.9-15.5-14.6-26.1h-8.6c0.7,13.1,6.2,23.7,16.7,31.9c10.5,8.2,23.8,12.3,39.8,12.3 c16.3,0,29.6-4.1,39.5-12.3c10.1-8.2,15.1-18.8,15.1-31.9C1262.8,203.6,1259.3,195.2,1252.3,188.9z' />
<polygon points='1403,172 1303,172 1303,99 1295,99 1295,257 1304,257 1304,180 1403,180 1403,257 1412,257 1412,99 1403,99 ' />
<path d='M1499.4,99l-60.2,158h9.1l19.7-53h71.5l19.8,53h9l-60.1-158C1508.2,99,1499.4,99,1499.4,99z M1471.1,196l32.3-86h0.5 l32.4,86H1471.1z' />
<path d='M1687.9,172.6c6.5-7.8,9.7-17.3,9.7-28.7c0-13.9-4.5-24.9-13.6-33s-21.4-12.1-37-11.9h-51v157h9v-67h41.9 c2.2,0,4-0.1,5.5-0.3l39.3,67.3h10l-40.6-68.4C1672.5,185.2,1681.5,180.2,1687.9,172.6z M1646.3,182H1604v-75h41.9 c13.3,0,23.8,3.3,31.4,9.9s11.4,15.8,11.4,27.6c0,11.6-3.8,20.8-11.3,27.5C1670,178.7,1659.7,182,1646.3,182z' />
<path d='M1819.4,111.8c-9.2-8.6-21.5-12.8-36.7-12.8H1732v158h9v-64h41.6c15.4,0,27.6-4.3,36.8-12.8c9.2-8.5,13.8-19.9,13.8-34.2 C1833.2,131.8,1828.7,120.3,1819.4,111.8z M1812.6,174.6c-7.7,7-18.2,10.4-31.5,10.4H1741v-78h40.1c13.3,0,23.8,3.5,31.5,10.4 c7.7,7,11.6,16.5,11.6,28.6S1820.3,167.6,1812.6,174.6z' />
</g>
</svg>)
Components
Modifiers
Video Player
Paragraph Component
Как создать новый компонент
Paragraph Component
Paragraph is a Block of text and other Inlines
Посмотрите исходный код этой страницы на Github
Single line paragraph
Multiline paragraph
Use interpolated strings to insert link or
Alignment
Multi line paragraph aligned to the right
Text justification including last line
Multiple spaces | | 8 spaces
Long single line paragraph, that should wrap. Long single line paragraph, that should wrap. Long single line paragraph, that should wrap.
Line starting with 4 spaces
Line starting with tab (tab = 4 spaces)
Long paragraph separated by tabs Long paragraph separated by tabs Long paragraph separated by tabs Long paragraph separated by tabs Long paragraph separated by tabs
Background
If background color is set, margins are replaced by paddings. Default buinding for MarginLeft is (element.BackgroundColor != undefined) ? 0 : 10, Default buinding for PaddingLeft is (element.BackgroundColor != undefined) ? 10 : undefined
Paddings = 30
LongWordScaling_LongWordScaling_LongWordScaling
Huge_paddings
.FillWidth()
.FillWidth().InheritHorizontalPaddings()
PaddingLeft = new(e=>Js.Num.Max(e.Parent.PaddingLeft, 20)), PaddingRight = new(e=>Js.Num.Max(e.Parent.PaddingRight, 20)), Resize to see difference with previous
This website has been created using StaticSharp