Skip to content

The CMS
Docs
- Guide
- Cookbook
- Reference
- Screencasts
- Glossary
Resources
- Plugins
- Themes
- Newsletter
- Buzz
Community

Try
Buy

View all results ›

Text
- KirbyText
- Markdown
Templates
- Field methods
- Helpers
Panel
- Blueprints
- Fields
- Sections
- Blocks
- Icons
- Styling
- Samples
Objects
- $kirby
- $site
- $page
- $pages
- $file
- $files
- $user
- $users
- $block
- $blocks
- $layout
- $layouts
- $language
- $languages
- $pagination
- $request
- $session
- All classes
- Aliases
Router
- Patterns
- Response types
System
- Options
- Urls
- Roots
- Validators
Plugins
API
- Authentication
- Languages
- Pages
- Roles
- Site
- System
- Translations
- Users
Tools
- A
- Cookie
- Data
- Dir
- Escape
- F
- Header
- Html
- I18n
- Mime
- Query
- Str
- Tpl
- Url
- V
- Xml

Account view

<k-account-view>
Array field preview

<k-array-field-preview>
Aspect ratio

<k-aspect-ratio>
Autocomplete

<k-autocomplete>
Bar

<k-bar>
Block

<k-block>
Blocks

<k-blocks>
Blocks field

<k-blocks-field>
Box

<k-box>
Breadcrumb

<k-breadcrumb>
Bubble

<k-bubble>
Bubbles

<k-bubbles>
Bubbles field preview

<k-bubbles-field-preview>
Button

<k-button>
Button disabled

<k-button-disabled>
Button group

<k-button-group>
Button link

<k-button-link>
Button native

<k-button-native>
Calendar

<k-calendar>
Checkboxes field

<k-checkboxes-field>
Checkboxes input

<k-checkboxes-input>
Checkbox input

<k-checkbox-input>
Collection

<k-collection>
Column

<k-column>
Counter

<k-counter>
Date field

<k-date-field>
Date field preview

<k-date-field-preview>
Date input

<k-date-input>
Dialog

<k-dialog>
Draggable

<k-draggable>
Drawer

<k-drawer>
Dropdown

<k-dropdown>
Dropzone

<k-dropzone>
Email dialog

<k-email-dialog>
Email field

<k-email-field>
Email field preview

<k-email-field-preview>
Email input

<k-email-input>
Empty

<k-empty>
Error dialog

<k-error-dialog>
Error view

<k-error-view>
Fiber dialog

<k-fiber-dialog>
Field

<k-field>
Fieldset

<k-fieldset>
Fields section

<k-fields-section>
File preview

<k-file-preview>
Files dialog

<k-files-dialog>
Files field

<k-files-field>
Files field preview

<k-files-field-preview>
Files section

<k-files-section>
File view

<k-file-view>
Flag field preview

<k-flag-field-preview>
Form

<k-form>
Form buttons

<k-form-buttons>
Form dialog

<k-form-dialog>
Form drawer

<k-form-drawer>
Form indicator

<k-form-indicator>
Gap field

<k-gap-field>
Grid

<k-grid>
Headline

<k-headline>
Headline field

<k-headline-field>
Html field preview

<k-html-field-preview>
Icon

<k-icon>
Image

<k-image>
Image field preview

<k-image-field-preview>
Info field

<k-info-field>
Info section

<k-info-section>
Input

<k-input>
Inside

<k-inside>
Installation view

<k-installation-view>
Item

<k-item>
Item image

<k-item-image>
Items

<k-items>
Language dialog

<k-language-dialog>
Languages

<k-languages>
Languages view

<k-languages-view>
Layout field

<k-layout-field>
Line field

<k-line-field>
Link

<k-link>
Link dialog

<k-link-dialog>
List field

<k-list-field>
List input

<k-list-input>
Loader

<k-loader>
Login

<k-login>
Login alert

<k-login-alert>
Login code

<k-login-code>
Login view

<k-login-view>
Models section

<k-models-section>
Model view

<k-model-view>
Multiselect field

<k-multiselect-field>
Multiselect input

<k-multiselect-input>
Number field

<k-number-field>
Number input

<k-number-input>
Options dropdown

<k-options-dropdown>
Overlay

<k-overlay>
Pages dialog

<k-pages-dialog>
Pages field

<k-pages-field>
Pages field preview

<k-pages-field-preview>
Pages section

<k-pages-section>
Page view

<k-page-view>
Pagination

<k-pagination>
Panel

<k-panel>
Password field

<k-password-field>
Password input

<k-password-input>
Plugin view

<k-plugin-view>
Prev next

<k-prev-next>
Progress

<k-progress>
Radio field

<k-radio-field>
Radio input

<k-radio-input>
Range field

<k-range-field>
Range input

<k-range-input>
Registration

<k-registration>
Remove dialog

<k-remove-dialog>
Reset password view

<k-reset-password-view>
Search

<k-search>
Sections

<k-sections>
Select field

<k-select-field>
Select input

<k-select-input>
Site view

<k-site-view>
Slug field

<k-slug-field>
Slug input

<k-slug-input>
Sort handle

<k-sort-handle>
Stats

<k-stats>
Stats section

<k-stats-section>
Status icon

<k-status-icon>
Structure field

<k-structure-field>
Structure form

<k-structure-form>
System view

<k-system-view>
Table

<k-table>
Table cell

<k-table-cell>
Tabs

<k-tabs>
Tag

<k-tag>
Tags field

<k-tags-field>
Tags input

<k-tags-input>
Tel field

<k-tel-field>
Tel input

<k-tel-input>
Test view

<k-test-view>
Text

<k-text>
Textarea field

<k-textarea-field>
Textarea input

<k-textarea-input>
Text dialog

<k-text-dialog>
Text field

<k-text-field>
Text field preview

<k-text-field-preview>
Text input

<k-text-input>
Time field

<k-time-field>
Time field preview

<k-time-field-preview>
Time input

<k-time-input>
Times

<k-times>
Toggle field

<k-toggle-field>
Toggle field preview

<k-toggle-field-preview>
Toggle input

<k-toggle-input>
Toggles field

<k-toggles-field>
Toggles input

<k-toggles-input>
Toolbar

<k-toolbar>
Topbar

<k-topbar>
Upload

<k-upload>
Url field

<k-url-field>
Url field preview

<k-url-field-preview>
Url input

<k-url-input>
Users dialog

<k-users-dialog>
Users field

<k-users-field>
Users field preview

<k-users-field-preview>
Users view

<k-users-view>
User view

<k-user-view>
View

<k-view>
Writer

<k-writer>
Writer field

<k-writer-field>

Loader

<k-loader>

kirby/panel/src/components/Misc/Loader.vue

Animated loading spinner

<k-loader />

CSS classes

.k-loader

Did you find an error? Help us improve our docs and edit this page on Github. Make sure to check out our styleguide →