RayCraftDocs
v1.0.3
bg
raycraft.dev
На тази страница

Grid

Free

12-колонна решетка. Span задава ширината на елемента на всички екрани, а Sm, Md, Lg, Xl и Xxl я променят от съответната точка на прекъсване нагоре (същите точки като на страницата Breakpoints). Без Span елементът заема целия ред.

Пример

Контрола Grid

Параметри

Grid

ПараметърТипОписание
ChildContentRenderFragmentСъдържание, изобразено вътре в компонента.
ClassstringДопълнителни CSS класове, добавени към коренния елемент.
ColumnsintДефиниции на колони: елементи DataGridColumn.
SpacingintРазстояние на кратни на 0.25rem.
StylestringВграден стил, добавен към коренния елемент.

GridItem

ПараметърТипОписание
ChildContentRenderFragmentСъдържание, изобразено вътре в компонента.
ClassstringДопълнителни CSS класове, добавени към коренния елемент.
Lgint?Колони, обхванати от точката lg (992px) нагоре.
Mdint?Колони, обхванати от точката md (768px) нагоре.
Smint?Колони, обхванати от точката sm (576px) нагоре.
Spanint?Колони, които елементът заема на всички размери на екрана. Без него елементът заема целия ред.
StylestringВграден стил, добавен към коренния елемент.
Xlint?Колони, обхванати от точката xl (1200px) нагоре.
Xxlint?Колони, обхванати от точката xxl (1400px) нагоре.

Пакет

Grid е част от RayCraft Free. Пакет: RayCraft.Blazor. Тя се тегли от nuget.org. Вижте Първи стъпки.