Select Box

import { AXSelectBoxModule } from '@acorex/components/select-box';

Select Box component enhances user interaction with dynamic and versatile selection capabilities. With support for multiple selections, read-only and disabled modes, as well as customizable features like a placeholder, item templates, loading templates, and empty state templates.

Overview

In this section, you can test different options of this component and see the output in real time

Look

Solid

Placeholder

Multiple

Readonly

Disabled

Selected Items: [01, 02]

Usage

A simple example of using select-box

Preview

Code

Multiple Selection

You can change selection mode with multiple

Preview

Code

Custom Item Template

You can customize the appearance of each item in the list with itemTemplate . This flexibility allows for the integration of custom content, meeting specific design or functional requirements.

Preview

Code

Custom Loading Template

You have the ability to create a personalized loading template with loadingTemplate, giving you the freedom to design a custom visual experience.

Preview

Code

Custom Empty Template

You have the flexibility to design a personalized empty template with emptyTemplate, allowing you to create a custom visual representation for scenarios where no items are present

Preview

Code

Api Call

this is how call api and use the result in select box

Preview

Code