Do not use unknown
typevalues. If atypestring is not listed here, it is not a valid page element. This file is generated fromserver/main/src/schema/lokakrt.com/schema/{html|ionic|lokakrt|builder}/*/schema.json.
Contract for the generated type inventory (palette, nesting policy, insert-inside, DbInit). It does not dump insert-default trees — open each type’s children.json (or Common patterns) for recipes.
| Column | Meaning |
|---|---|
type |
Runtime / persisted IElementReference.type (properties.type.const) |
| Sub | &subCategory palette grouping |
| Palette | false when &def.palette: false (nest-only — valid in trees, hidden from Insert) |
| Schema children | AJV nesting: leaf (no children), unrestricted (items: true), or listed allowed child types |
| Insert inside | Builder drop-inside when catalog definition.children is set (from children.json / &def.children), including empty [] |
| DbInit | Upserted into element on startup (html / ionic / lokakrt only; builder is not) |
| Render | &def.render.kind / tag when present |
Note: Schema children and Insert inside are different mechanisms. See Overview and Page structure. AJV validation on save/publish is warn-only — invalid trees can still persist.
116 element types indexed.
| type | title | sub | palette | schema children | insert inside | DbInit | render | schema path |
|---|---|---|---|---|---|---|---|---|
a |
Anchor | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/a/schema.json |
article |
Article | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/article/schema.json |
aside |
Aside | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/aside/schema.json |
b |
Bold | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/b/schema.json |
br |
BR | text | yes | leaf | no | yes | void / br | lokakrt.com/schema/html/br/schema.json |
button |
Button | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/button/schema.json |
details |
Details | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/details/schema.json |
div |
Div | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/div/schema.json |
footer |
Footer | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/footer/schema.json |
h1 |
Heading 1 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h1/schema.json |
h2 |
Heading 2 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h2/schema.json |
h3 |
Heading 3 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h3/schema.json |
h4 |
Heading 4 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h4/schema.json |
h5 |
Heading 5 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h5/schema.json |
h6 |
Heading 6 | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/h6/schema.json |
header |
Header | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/header/schema.json |
hr |
Horizontal Rule | basic | yes | leaf | no | yes | — | lokakrt.com/schema/html/hr/schema.json |
i |
Italics | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/i/schema.json |
iframe |
Iframe | basic | yes | leaf | no | yes | void / iframe | lokakrt.com/schema/html/iframe/schema.json |
img |
Image | media | yes | leaf | no | yes | url-image / img | lokakrt.com/schema/html/img/schema.json |
li |
List Item | list | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/li/schema.json |
main |
Main | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/main/schema.json |
nav |
Nav | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/nav/schema.json |
ol |
Ordered List | list | yes | li | yes | yes | — | lokakrt.com/schema/html/ol/schema.json |
p |
Paragraph | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/p/schema.json |
picture |
Picture | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/picture/schema.json |
section |
Section | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/section/schema.json |
source |
Source | basic | yes | leaf | no | yes | void / source | lokakrt.com/schema/html/source/schema.json |
span |
Span | text | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/span/schema.json |
summary |
Summary | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/summary/schema.json |
text |
Text | text | yes | leaf | no | yes | text | lokakrt.com/schema/html/text/schema.json |
ul |
Unordered List | list | yes | li | yes | yes | — | lokakrt.com/schema/html/ul/schema.json |
video |
Video | basic | yes | unrestricted | yes | yes | — | lokakrt.com/schema/html/video/schema.json |
| type | title | sub | palette | schema children | insert inside | DbInit | render | schema path |
|---|---|---|---|---|---|---|---|---|
ion-accordion-group |
Ion Accordion Group | layout | yes | ion-accordion | yes | yes | host / ion-accordion-group | lokakrt.com/schema/ionic/accordion-group/schema.json |
ion-accordion |
Ion Accordion | layout | no | div, ion-item, ion-label, ion-list, text | no | yes | host / ion-accordion | lokakrt.com/schema/ionic/accordion/schema.json |
ion-action-sheet |
Ion Action Sheet | basic | yes | lkt-action-sheet-button | yes | yes | component / lkt-action-sheet | lokakrt.com/schema/ionic/action-sheet/schema.json |
ion-avatar |
Ion Avatar | media | yes | img, ion-img | yes | yes | — | lokakrt.com/schema/ionic/avatar/schema.json |
ion-back-button |
Ion Back Button | basic | yes | leaf | no | yes | host / ion-back-button | lokakrt.com/schema/ionic/back-button/schema.json |
ion-badge |
Ion Badge | basic | yes | text | yes | yes | — | lokakrt.com/schema/ionic/badge/schema.json |
ion-button |
Ion Button | basic | yes | ion-badge, ion-icon, ion-label, ion-text, text | yes | yes | — | lokakrt.com/schema/ionic/button/schema.json |
ion-buttons |
Ion Buttons | layout | yes | ion-back-button, ion-button, ion-menu-button | yes | yes | — | lokakrt.com/schema/ionic/buttons/schema.json |
ion-card-content |
Ion Card Content | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/card-content/schema.json |
ion-card-header |
Ion Card Header | layout | yes | ion-card-subtitle, ion-card-title, ion-text, text | yes | yes | — | lokakrt.com/schema/ionic/card-header/schema.json |
ion-card-subtitle |
Ion Card SubTitle | text | yes | ion-text, text | yes | yes | — | lokakrt.com/schema/ionic/card-subtitle/schema.json |
ion-card-title |
Ion Card Title | text | yes | ion-text, text | yes | yes | — | lokakrt.com/schema/ionic/card-title/schema.json |
ion-card |
Ion Card | layout | yes | ion-card-content, ion-card-header | yes | yes | — | lokakrt.com/schema/ionic/card/schema.json |
ion-checkbox |
Ion Checkbox | form | yes | leaf | yes | yes | form-field / ion-checkbox | lokakrt.com/schema/ionic/checkbox/schema.json |
ion-chip |
Ion Chip | basic | yes | text | yes | yes | — | lokakrt.com/schema/ionic/chip/schema.json |
ion-col |
Ion Col | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/col/schema.json |
ion-content |
Ion Content | layout | yes | unrestricted | yes | yes | host / ion-content | lokakrt.com/schema/ionic/content/schema.json |
ion-fab-button |
Ion Fab Button | navigation | no | ion-icon, ion-label, text | yes | yes | host / ion-fab-button | lokakrt.com/schema/ionic/fab-button/schema.json |
ion-fab-list |
Ion Fab List | navigation | no | ion-fab-button | yes | yes | host / ion-fab-list | lokakrt.com/schema/ionic/fab-list/schema.json |
ion-fab |
Ion Fab | navigation | yes | ion-fab-button, ion-fab-list | yes | yes | host / ion-fab | lokakrt.com/schema/ionic/fab/schema.json |
ion-footer |
Ion Footer | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/footer/schema.json |
ion-grid |
Ion Grid | layout | yes | ion-row | yes | yes | host / ion-grid | lokakrt.com/schema/ionic/grid/schema.json |
ion-header |
Ion Header | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/header/schema.json |
ion-icon |
Ion Icon | basic | yes | leaf | no | yes | void / ion-icon | lokakrt.com/schema/ionic/icon/schema.json |
ion-img |
Ion Image | media | yes | leaf | no | yes | url-image / ion-img | lokakrt.com/schema/ionic/img/schema.json |
ion-input-otp |
Ion Input OTP | form | yes | leaf | no | yes | form-field / ion-input-otp | lokakrt.com/schema/ionic/input-otp/schema.json |
ion-input-password-toggle |
Ion Input Password Toggle | form | no | leaf | no | yes | host / ion-input-password-toggle | lokakrt.com/schema/ionic/input-password-toggle/schema.json |
ion-input |
Ion Input | form | yes | ion-input-password-toggle | no | yes | form-field / ion-input | lokakrt.com/schema/ionic/input/schema.json |
ion-item-divider |
Ion Item Divider | layout | yes | unrestricted | yes | yes | host / ion-item-divider | lokakrt.com/schema/ionic/item-divider/schema.json |
ion-item-group |
Ion Item Group | layout | yes | ion-item, ion-item-divider, ion-item-sliding | yes | yes | host / ion-item-group | lokakrt.com/schema/ionic/item-group/schema.json |
ion-item-option |
Ion Item Option | layout | no | ion-icon, text | yes | yes | host / ion-item-option | lokakrt.com/schema/ionic/item-option/schema.json |
ion-item-options |
Ion Item Options | layout | no | ion-item-option | yes | yes | host / ion-item-options | lokakrt.com/schema/ionic/item-options/schema.json |
ion-item-sliding |
Ion Item Sliding | layout | yes | ion-item, ion-item-options | yes | yes | host / ion-item-sliding | lokakrt.com/schema/ionic/item-sliding/schema.json |
ion-item |
Ion Item | layout | yes | br, div, ion-avatar, ion-badge, ion-checkbox, ion-chip, ion-icon, ion-input, ion-label, ion-note, ion-radio, ion-range, ion-select, ion-text, ion-textarea, ion-thumbnail, ion-toggle, text | yes | yes | host / ion-item | lokakrt.com/schema/ionic/item/schema.json |
ion-label |
Ion Label | basic | yes | text | yes | yes | — | lokakrt.com/schema/ionic/label/schema.json |
ion-list-header |
Ion List Header | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/list-header/schema.json |
ion-list |
Ion List | layout | yes | ion-item, ion-item-divider, ion-item-group, ion-item-sliding, ion-list-header | yes | yes | — | lokakrt.com/schema/ionic/list/schema.json |
ion-menu-button |
Ion Menu Button | basic | yes | unrestricted | yes | yes | host / ion-menu-button | lokakrt.com/schema/ionic/menu-button/schema.json |
ion-menu-toggle |
Ion Menu Toggle | basic | yes | unrestricted | yes | yes | host / ion-menu-toggle | lokakrt.com/schema/ionic/menu-toggle/schema.json |
ion-menu |
Ion Menu | basic | yes | unrestricted | yes | yes | host / ion-menu | lokakrt.com/schema/ionic/menu/schema.json |
ion-note |
Ion Note | basic | yes | text | yes | yes | — | lokakrt.com/schema/ionic/note/schema.json |
ion-progress-bar |
Ion Progress Bar | basic | yes | leaf | no | yes | host / ion-progress-bar | lokakrt.com/schema/ionic/progress-bar/schema.json |
ion-radio-group |
Ion Radio Group | form | yes | ion-item, ion-radio | yes | yes | form-field / ion-radio-group | lokakrt.com/schema/ionic/radio-group/schema.json |
ion-radio |
Ion Radio | form | yes | ion-label, text | yes | yes | host / ion-radio | lokakrt.com/schema/ionic/radio/schema.json |
ion-range |
Ion Range | form | yes | leaf | no | yes | form-field / ion-range | lokakrt.com/schema/ionic/range/schema.json |
ion-refresher-content |
Ion Refresher Content | navigation | yes | leaf | no | yes | host / ion-refresher-content | lokakrt.com/schema/ionic/refresher-content/schema.json |
ion-refresher |
Ion Refresher | navigation | yes | ion-refresher-content | yes | yes | host / ion-refresher | lokakrt.com/schema/ionic/refresher/schema.json |
ion-row |
Ion Row | layout | yes | ion-col | yes | yes | — | lokakrt.com/schema/ionic/row/schema.json |
ion-searchbar |
Ion Searchbar | form | yes | unrestricted | no | yes | form-field / ion-searchbar | lokakrt.com/schema/ionic/searchbar/schema.json |
ion-segment-button |
Ion Segment Button | navigation | yes | ion-icon, ion-label, text | yes | yes | host / ion-segment-button | lokakrt.com/schema/ionic/segment-button/schema.json |
ion-segment-content |
Ion Segment Content | basic | yes | unrestricted | yes | yes | host / ion-segment-content | lokakrt.com/schema/ionic/segment-content/schema.json |
ion-segment-view |
Ion Segment View | basic | yes | ion-segment-content | yes | yes | host / ion-segment-view | lokakrt.com/schema/ionic/segment-view/schema.json |
ion-segment |
Ion Segment | navigation | yes | ion-segment-button | yes | yes | — | lokakrt.com/schema/ionic/segment/schema.json |
ion-select-option |
Ion Select Option | form | yes | text | yes | yes | host / ion-select-option | lokakrt.com/schema/ionic/select-option/schema.json |
ion-select |
Ion Select | form | yes | ion-select-option | yes | yes | form-field / ion-select | lokakrt.com/schema/ionic/select/schema.json |
ion-skeleton-text |
Ion Skeleton Text | basic | yes | leaf | no | yes | host / ion-skeleton-text | lokakrt.com/schema/ionic/skeleton-text/schema.json |
ion-spinner |
Ion Spinner | basic | yes | leaf | no | yes | host / ion-spinner | lokakrt.com/schema/ionic/spinner/schema.json |
ion-tab-bar |
Ion Tab Bar | basic | yes | ion-tab-button | yes | yes | host / ion-tab-bar | lokakrt.com/schema/ionic/tab-bar/schema.json |
ion-tab-button |
Ion Tab Button | basic | yes | img, ion-badge, ion-icon, ion-label, text | yes | yes | host / ion-tab-button | lokakrt.com/schema/ionic/tab-button/schema.json |
ion-text |
Ion Text | text | yes | text | yes | yes | — | lokakrt.com/schema/ionic/text/schema.json |
ion-textarea |
Ion Textarea | form | yes | leaf | no | yes | form-field / ion-textarea | lokakrt.com/schema/ionic/textarea/schema.json |
ion-thumbnail |
Ion Thumbnail | media | yes | img | yes | yes | — | lokakrt.com/schema/ionic/thumbnail/schema.json |
ion-title |
Ion Title | text | yes | text | yes | yes | — | lokakrt.com/schema/ionic/title/schema.json |
ion-toggle |
Ion Toggle | form | yes | text | yes | yes | form-field / ion-toggle | lokakrt.com/schema/ionic/toggle/schema.json |
ion-toolbar |
Ion Toolbar | layout | yes | unrestricted | yes | yes | — | lokakrt.com/schema/ionic/toolbar/schema.json |
| type | title | sub | palette | schema children | insert inside | DbInit | render | schema path |
|---|---|---|---|---|---|---|---|---|
lkt-action-sheet-button |
Action Sheet Button | basic | no | leaf | no | yes | host / span | lokakrt.com/schema/lokakrt/action-sheet-button/schema.json |
lkt-area-chart |
LokAkrt Area Chart | charts | yes | leaf | yes | yes | component / lkt-area-chart | lokakrt.com/schema/lokakrt/area-chart/schema.json |
lkt-bar-chart |
LokAkrt Bar Chart | charts | yes | leaf | yes | yes | component / lkt-bar-chart | lokakrt.com/schema/lokakrt/bar-chart/schema.json |
lkt-bubble-chart |
LokAkrt Bubble Chart | charts | yes | leaf | yes | yes | component / lkt-bubble-chart | lokakrt.com/schema/lokakrt/bubble-chart/schema.json |
lkt-circular-progress |
LokAkrt Circular Progress | media | yes | leaf | no | yes | component / lkt-circular-progress | lokakrt.com/schema/lokakrt/circular-progress/schema.json |
lkt-donut-chart |
LokAkrt Donut Chart | charts | yes | leaf | yes | yes | component / lkt-donut-chart | lokakrt.com/schema/lokakrt/donut-chart/schema.json |
lkt-for-each |
LokAkrt ForEach | logic | yes | unrestricted | yes | yes | component / lkt-for-each | lokakrt.com/schema/lokakrt/for-each/schema.json |
lkt-form-error |
LokAkrt Form Error | basic | yes | leaf | no | yes | component / lkt-form-error | lokakrt.com/schema/lokakrt/form-error/schema.json |
lkt-form |
LokAkrt Form | form | yes | unrestricted | yes | yes | component / lkt-form | lokakrt.com/schema/lokakrt/form/schema.json |
lkt-line-chart |
LokAkrt Line Chart | charts | yes | leaf | yes | yes | component / lkt-line-chart | lokakrt.com/schema/lokakrt/line-chart/schema.json |
lkt-pie-chart |
LokAkrt Pie Chart | charts | yes | leaf | yes | yes | component / lkt-pie-chart | lokakrt.com/schema/lokakrt/pie-chart/schema.json |
lkt-qr-code |
LokAkrt QR Code | media | yes | leaf | no | yes | component / lkt-qr-code | lokakrt.com/schema/lokakrt/qr-code/schema.json |
lkt-segment-bar |
LokAkrt Segment Bar | charts | yes | leaf | no | yes | component / lkt-segment-bar | lokakrt.com/schema/lokakrt/segment-bar/schema.json |
lkt-segment-group |
Segment Views | basic | yes | ion-segment, ion-segment-view | yes | yes | component / lkt-segment-group | lokakrt.com/schema/lokakrt/segment-group/schema.json |
lkt-stacked-bar-chart |
LokAkrt Stacked Bar Chart | charts | yes | leaf | yes | yes | component / lkt-stacked-bar-chart | lokakrt.com/schema/lokakrt/stacked-bar-chart/schema.json |
lkt-swiper |
LokAkrt Swiper | media | yes | leaf | yes | yes | component / lkt-swiper | lokakrt.com/schema/lokakrt/swiper/schema.json |
lkt-tabs-shell |
Tabs App | basic | yes | ion-tab-bar | yes | yes | component / lkt-tabs-shell | lokakrt.com/schema/lokakrt/tabs-shell/schema.json |
| type | title | sub | palette | schema children | insert inside | DbInit | render | schema path |
|---|---|---|---|---|---|---|---|---|
lkt-block |
LokAkrt Block Instance | logic | yes | leaf | no | no | — | lokakrt.com/schema/builder/block/schema.json |
Most visual hosts $ref shared props under lokakrt.com/schema/prop/layout/. Prefer these over inventing one-off CSS props:
prop/layout/background-color.prop.jsonprop/layout/background-gradient.prop.jsonprop/layout/background-image.prop.jsonprop/layout/background-position.prop.jsonprop/layout/background-repeat.prop.jsonprop/layout/background-size.prop.jsonprop/layout/background.props.jsonprop/layout/border-radius.prop.jsonprop/layout/box-shadow.prop.jsonprop/layout/flex-align.prop.jsonprop/layout/flex-justify.prop.jsonprop/layout/gap.prop.jsonprop/layout/height.prop.jsonprop/layout/hide.prop.jsonprop/layout/margin.prop.jsonprop/layout/padding.prop.jsonprop/layout/position.prop.jsonprop/layout/size-height.prop.jsonprop/layout/size-width.prop.jsonprop/layout/style.props.jsonprop/layout/text-align.prop.jsonprop/layout/text-color.prop.jsonprop/layout/text-font-size.prop.jsonprop/layout/text-font-weight.prop.jsonprop/layout/text-line-height.prop.jsonprop/layout/typography.props.jsonprop/layout/width.prop.json