Docs Flex Template

Live preview

Purchase Now

Getting started

Introduction
File structure
Using Sass
Build tools

Components

Button
Card
Form
Accordion
Alert
Filter
Dropdown
Drop
Lightbox
Modal
Notification
Off canvas
Scrollspy
Sortable
Tooltip
slider
Slideshow

Icons

Material icons
Feather icons
Brand Icons

Plugins

Keywords Input
Select
Tooltips
Checkbox

Keywords Input Tags

Tags.js is an advanced, feature-rich tagging system used to manage (add, remove, validate) tags & tokens with an input field

JavaScript React Python Angular

Keywords Input with border

to add border just add with-border

JavaScript React Python Angular

basic
with border

Select

Select was designed to be a replacement for the standard select box that is displayed by the browser. By default it supports all options and operations that are available in a standard select box, but with added flexibility.

Standard select boxes

Multiple select boxes

Select boxes with optgroups

Limit the number of selections

Custom button text

Selected text format

Select boxes with icons

Disabled options

All above select boxes are also available with border

basic

Tooltips

Easily create a nice looking tooltip.

Tooltips are powered by powerful tippy.js tooltip library. More examples at https://atomiks.github.io/tippyjs/