Loading...

Rating

Basic Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Read Only

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Custom SVG

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Custom SVG

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Star with Message Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

On hover event

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

rating values
Reset Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Right to Left Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Animated Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Right to Left Rating

Create a modal view using Bootstrap by adding a <div class="modal"> container. Use .modal-dialog and .modal-content to structure the modal, and trigger it with buttons or links using data-bs-toggle="modal".

Show Some with rating :

Preview Settings

Theme Layouts

Defines the admin panel's layout style, allowing you to choose from different design options.

Color Mode

Choose if app's appearance should be light or dark, or follow your computer's settings.

RTL Mode

Toggle between LTR and RTL layouts to support different language directions.

Preset Themes

Choose a preset theme from out theme library.

Sidebar Colors

Sets the sidebar color scheme. Options include light, dark, or gradient styles.

Navbar Positions Options

Sets the navbar position: sticky, static, or hidden.

Navbar Type Options

Sets the navbar style: default, dark, transparent, or glass.

Font Options

Sets the fonts for headings and body text.

Font Size Options

Sets the font size: sm, md, or lg.

Rounded Options

Sets the border radius size: xs, sm, md, lg, or xl.

Container Options

Defines the container style: fluid (full-width) or boxed (fixed width).

Loader Options

Sets the page loader visibility: hidden or visible.