RUAL Documentation

Blocks within state elements

List of all the block within the state elements group. If you're running an older core version, there may be groups listed here that are not available to you (yet).

hyperlink state v13.0.1 A anchor element, that can be used to create an link to an intern/extern page. hyperlink to page state v10.4.28 A anchor element. hr state v13.0.1 A horizontal rule element date input state v13.0.1 Generates a date input. The field will be used as state key. input state v13.0.1 Generates a basic input. The field will be used as state key, prefixed with the form. file input state v10.4.28 Generates a file input. The field will be used as state key. datetime input state v13.0.1 Generates a datetime input. The field will be used as state key, prefixed with the form. kbd state v13.0.1 A kbd element. time input state v13.0.1 Generates a time input. The field will be used as state key, prefixed with the form. label state v13.0.1 Represents a caption for an item in a user interface. number input state v13.0.1 Generates a number input. The field will be used as state key. list element state v13.0.1 A list element. ordered list state v13.0.1 An ordered list element. custom number state v13.0.1 A custom number element nav state v13.0.1 Defines a set of navigation links. svg path state v13.0.7 A path element, to define an arbitrary shape. paragraph state v13.0.1 A paragraph element. progressbar state v13.0.1 A progress bar filled up to certain percentage. script state v13.0.1 A script element. price format state v13.0.1 null span state v13.0.1 A span element. table state v13.0.1 A table element. svg state v13.0.7 A SVG element. table body state v13.0.1 A tbody element. table column state v13.0.1 A table column element. custom text state v13.0.1 null table header state v13.0.1 A th element. video state v13.0.9 A video element. unordered list state v13.0.1 An unordered list element. basic alert state v13.0.1 Generates a basic styled alert with text. checkmark state v13.0.1 A button filled with a green checkmark. column state v13.0.1 A div with the col-* classes available to it. code state v13.0.1 A code element. dropdown state v13.0.1 Generates a designed dropdown menu. The field will be used as state key. div foreach state v13.0.1 Serves as a dynamic container, generating an unique div for each element in the specified array. h1 state v13.0.1 A H1 element. thead foreach state v13.0.4 Serves as a dynamic container, generating an unique thead for each element in the specified array. h4 state v13.0.1 A H4 element. header state v13.0.1 A header element. advanced datatable state v13.0.1 A pre-styled advanced table showing data using advanced tooling outlined alert state v13.0.1 Generates outline styled information alert element with a icon next to the text. security state v13.0.4 A basic security component that shows the current sessions, 2fa devices and allows the user to add new twofactor authentication methods. button state v13.0.1 Generates a basic html button element with default styling. autocomplete multiple values state v13.0.8 Generates auto-complete select searching a storage and filling the state with the search-key. The field will be used as state key. regular card state v13.0.1 Shows a regular card. button with text and icon state v13.0.1 Generates a basic html button element with default styling. basic canvas state v13.0.1 A basic canvas element br state v10.4.28 A br element. autocomplete single value state v13.0.8 Generates auto-complete select searching a storage and filling the state with the search-key. The field will be used as state key. card icon box state v10.4.28 Shows a card with ribbon build-in. list card state v10.4.28 Shows a list card. card with ribbon state v10.4.28 Shows a card with ribbon build-in. container state v13.0.1 A div with the class container on it by default. datatable state v13.0.1 A styled table made to display a lot of data using pagination. div state v13.0.1 Creates a dynamic and customizable div element on your web page. datalist state v13.0.1 A datalist element. footer state v13.0.1 A footer element. debug flow v13.0.4 Shows a debug modal to easily debug values within any flow embed state v13.0.1 A embed element, that defines a container for an external resource. ol foreach state v13.0.7 Serves as a dynamic ol container. ul foreach state v13.0.7 Serves as a dynamic ul container. form rows from fields state v13.0.1 Generates rows with the given fields. The fields will be used as state keys. tr foreach state v13.0.4 Serves as a dynamic container, generating an unique tr for each element in the specified array. h3 state v13.0.1 A H3 element. h2 state v13.0.1 A H2 element. form state v13.0.1 Generates a basic form element using state UI. All fields within this form will be prefixed if a prefix is given. tbody foreach state v13.0.4 Serves as a dynamic container, generating an unique tbody for each element in the specified array. h5 state v13.0.1 A H5 element. h6 state v13.0.1 A H6 element. fontawesome icon state v13.0.1 Integrates a dynamic FontAwesome icon into your web page custom html state v10.4.28 Renders custom html. dynamic input state v13.0.6 Generates a basic input with a dynamic field. The field will be used as state key, prefixed with the form. iframe state v13.0.1 A iframe element with URL state binding. image from file state v13.0.1 A img element from a internal or public file. checkbox state v13.0.1 Generates a basic checkbox. The field will be used as state key, prefixed with the form. image state v13.0.1 A image element. geopoint input state v13.0.1 Generates a geopoint input. The field will be used as state key. price input state v13.0.1 Generates a price input. The field will be used as state key. password input state v13.0.1 Generates a password input. The field will be used as state key. italic state v13.0.1 A italic text element. preformatted text state v13.0.1 A pre element. dynamic select state v13.0.6 Generates a basic select with a dynamic field. The field will be used as state key. select state v13.0.1 Generates a basic select. The field will be used as state key. row state v13.0.1 A div with the class row on it by default. spinner state v13.0.1 A div with the class spinner on it by default. small state v13.0.6 A small text element. strong state v13.0.1 Indicates that its text has strong importance, seriousness, or urgency. textarea state v13.0.1 Generates a basic textarea. The field will be used as state key. dynamic textarea state v13.0.6 Generates a basic textarea with a dynamic field. The field will be used as state key. table head state v13.0.1 A thead element. table row state v13.0.1 A tr element.
Back to state ui Return to the main group to view all sub-groups