Metronic | Input Groups

Hi, Sean

Input Groups

#XRS-45670 Add New

Basic Example

With Icons

Sizing

Input Icons

Checkboxes and Radio addons

Place any checkbox or radio option within an input group’s addon instead of text.

Left Checkbox Addon

Right Checkbox Addon

Right & Left Checkbox Addon

Left Radio Addon

Right Radio Addon

Right & Left Radio Addon

Button Addons

Buttons in input groups must wrapped in a .input-group-prepend or .input-group-append for proper alignment and sizing. This is required due to default browser styles that cannot be overridden.

Left Addon Button

Right Addon Button

Left & Right Addon Button

Left Addon Button

Right Addon Button

Left & Right Addon Button

Buttons With Dropdowns

The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.

Left Button Dropdown

Some help content goes here

Right Button Dropdown

Some help content goes here

Left & Right Button Dropdown

Some help content goes here

About

Whatever method you chosse,these nine will make you re-think theway you craft healines Why? Because they all have points in that are worth from a point of view.

Quick Links

Get In Touch

2024 © Keenthemes

Select A Demo

Deprecated: Return type of Adbar\Dot::offsetExists($key) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 390

Deprecated: Return type of Adbar\Dot::offsetGet($key) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 401

Deprecated: Return type of Adbar\Dot::offsetSet($key, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 412

Deprecated: Return type of Adbar\Dot::offsetUnset($key) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 428

Deprecated: Return type of Adbar\Dot::count($key = null) should either be compatible with Countable::count(): int, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 445

Deprecated: Return type of Adbar\Dot::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 461

Deprecated: Return type of Adbar\Dot::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/preview.keenthemes.com/public/metronic-v6/tools/preview/docs/lib/dot.php on line 477

Demo 1