Documentation

Docs are designed for developers to save time with reusable components and utilities that can be implemented and used across any framework to create consistent digital products.

Components

Alert

Alert

A alert displays an important, succinct message, and provides actions for users to address (or dismiss the alert).
Avatar

Avatar

The avatar component is typically used to display circular (or square) user profile pictures or capital letters.
Badge

Badge

Badges are used to inform users of the status of an object or of an action that’s been taken. Use badges to label, categorize, or organize items using keywords that describe them.

Block
New

The Block component is the simplest component who inherits from NVBaseComponent. It will render a tag (div by default).
Button

Button

Button communicates the action that will occur when the user touches them. The buttons component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color.
Button Group

Button Group

A button group component is a visual group of buttons used to create a logical set of actions.

Col
New

The Col component is a "column". Usually used inside a Row component or in a Nova component with the Row parameter set to true.

Container
New

The Container component is a "containing block" used to fix the width to the current breakpoint.
Dropdown

Dropdown

Dropdowns are small panels that open on demand. They let users access additional content and actions without cluttering the page.
Field Checkbox

Field Checkbox

Checkboxes are used when there are multiple items to select in a list. Users can select zero, one, or any number of items.
Field Date

Field Date

Date pickers allow users to select a single or a range of dates and times.
Field Number

Field Number

The fields number components are used for collecting user provided number information.
Field Radio

Field Radio

Use radio buttons when you have a group of mutually exclusive choices and only one selection from the group is allowed.
Field Radio Group

Field Radio Group

The FieldRadioGroup is the parent component used to control a bunch of FieldRadio.
Field Select

Field Select

The select component allows users to choose one option from a list. It is used in forms for users to submit data.
Field Text

Field Text

The fields text components are used for collecting user provided information. They typically reside in forms but can appear in other places, like dialog boxes and search.
Field Textarea

Field Textarea

Textarea components are used for collecting large amounts of textual data.
Graph axes

Graph axes

The x-axis and y-axis are shown by default in all charts containing data series with a cartesian coordinate system.
Graph pie chart

Graph pie chart

A pie chart is a circular chart divided into sectors which is proportional to the quantity it represents.
Grid

Grid

The Telerik Blazor Data Grid provides a comprehensive set of ready-to-use features.
Heading

Heading
New

The Heading component has a specific mission: rendering titles.
Icon

Icon

Icons are used as navigational elements. They may appear on their own, within a sentence or paragraph, or directly following the content.
Layout

Layout
New

Layout is a component which let you compose an application's page layout.
Link

Link

Links are used as navigational elements. They may appear on their own, within a sentence or paragraph, or directly following the content.
List

List

The lists component is used to display information. List present content in a way that makes it easy to identify a specific item in a collection. They provide a consistent styling for organizing groups of text and images.
Loader

Loader

In an application, it is important to inform the user that his interaction has worked. The Loader component show to the user that now the application is waiting for a result from a backend or a service.
Modal

Modal

Modals are overlays that prevent users from interacting with the rest of the application until a specific action is taken.
Nav

Nav

The navs component includes a list of links that users use to move between sections of the application. They are often used in the app bar of your application or in your sidebar.
Pagination

Pagination
New

The pagination component is used to switch between pages. <br />When there are multiple items.
Panel

Panel

The panel component is the baseline for numerous components such as modals, card, notifications, and more. Panel containers hold all sort of elements, and their size is determined by the space those elements occupy.

Row
New

The Row component is a "row" containing columns. It usually contains Col Components or components with the parameter ColSize defined on it.
Sidebar

Sidebar

The Sidebar component is used to contain navigation, or groups of navigations.
Stack

Stack

The stack component is useful to divide your block content into horizontal areas, which can contain almost any other elements such as title, a button, a text input, or just simple text.
Table

Table
New

The Table component is used to display a list of structured information. Each line represent an item in the list, and a cell represent a property/piece of information of this item.
Table Template

Table Template
New

The NVTableTemplate component is used to display a list of structured information. Each line represent an item in the list, and a cell represent a property/piece of information of this item.
Tabs

Tabs

Use tabs to allow users to navigate easily between views within the same context.

Text
New

The Text component has a specific mission: rendering paragraphs.