Button Group

Layout: Horizontal

Group button alignment: Default

<div class="button-group-content button-group" id="">
	
	[...]
	
</div>

Group button alignment: Left

<div class="button-group-content button-group justify-content-start" id="">

	[...]

</div>

Group button alignment: Right

<div class="button-group-content button-group justify-content-end" id="">

	[...]

</div>

Group button alignment: Center

<div class="button-group-content button-group justify-content-center" id="">

	[...]

</div>

Layout: Vertical

Group button alignment: Default

<div class="button-group-content button-group-content--vertical button-group" id="">

	[...]

</div>

Group button alignment: Left

<div class="button-group-content button-group-content--vertical button-group align-items-start" id="">
	
	[...]

</div>

Group button alignment: Right

<div class="button-group-content button-group-content--vertical button-group align-items-end" id="">
	
	[...]

</div>

Group button alignment: Center

<div class="button-group-content button-group-content--vertical button-group align-items-center" id="">
	
	[...]

</div>

Group Button Spacing

Group button alignment: Default

<div class="button-group-content button-group" id="">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group" id="">
	
	[...]

</div>

Group button alignment: None

<div class="button-group-content button-group sb-flex-gap-none" id="">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group sb-flex-gap-none" id="">
	
	[...]

</div>

Group button alignment: Thin

<div class="button-group-content button-group sb-flex-gap-thin" id="">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group sb-flex-gap-thin" id="">
	
	[...]

</div>

Group button alignment: Medium

<div class="button-group-content button-group sb-flex-gap-medium" id="">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group sb-flex-gap-medium" id="">
	
	[...]

</div>

Group button alignment: Thick

<div class="button-group-content button-group sb-flex-gap-thick" id="">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group sb-flex-gap-thick" id="">
	
	[...]

</div>

Group button alignment: Custom

<div class="button-group-content button-group" id="" style="gap: 50px !important">
	
	[...]

</div>

<div class="button-group-content button-group-content--vertical button-group" id="" style="gap: 50px !important">
	
	[...]

</div>

Custom Display Settings

Progressively simplify adaptive interfaces vis-a-vis stand-alone platforms. Professionally engineer B2C testing procedures before leading-edge manufactured products. Professionally promote proactive e-tailers for distinctive internal or "organic" sources. Conveniently actualize functional information and end-to-end e-commerce.

Progressively maximize exceptional benefits rather than market positioning opportunities. Progressively engage timely schemas for out-of-the-box deliverables. Progressively evolve world-class opportunities after excellent web-readiness. Conveniently actualize functional information and end-to-end e-commerce.

Compellingly productivate out-of-the-box e-services for unique information. Conveniently actualize functional information and end-to-end e-commerce. Credibly leverage other's visionary total linkage via front-end content. Conveniently actualize functional information and end-to-end e-commerce.

Appropriately customize intuitive scenarios without effective resources. Credibly reinvent worldwide results whereas process-centric technologies. Intrinsicly embrace state of the art infomediaries via backward-compatible web-readiness. Conveniently actualize functional information and end-to-end e-commerce.

Compellingly productivate out-of-the-box e-services for unique information. Conveniently actualize functional information and end-to-end e-commerce. Credibly leverage other's visionary total linkage via front-end content. Conveniently actualize functional information and end-to-end e-commerce.

Seamlessly streamline dynamic expertise before standardized e-markets. Objectively underwhelm client-focused materials without prospective users. Distinctively incubate multidisciplinary ideas rather than backend information. Conveniently actualize functional information and end-to-end e-commerce.

Progressively expedite technically sound vortals without functionalized e-tailers. Progressively envisioneer integrated products after web-enabled results. Energistically fabricate focused expertise for compelling solutions. Conveniently actualize functional information and end-to-end e-commerce.

Enthusiastically conceptualize ethical strategic theme areas whereas 24/7 growth strategies. Enthusiastically restore customer directed potentialities through impactful niche markets. Holisticly orchestrate bleeding-edge strategic theme areas and worldwide resources. Conveniently actualize functional information and end-to-end e-commerce.

Progressively simplify adaptive interfaces vis-a-vis stand-alone platforms. Professionally engineer B2C testing procedures before leading-edge manufactured products. Professionally promote proactive e-tailers for distinctive internal or "organic" sources. Conveniently actualize functional information and end-to-end e-commerce.

Enthusiastically conceptualize ethical strategic theme areas whereas 24/7 growth strategies. Enthusiastically restore customer directed potentialities through impactful niche markets. Holisticly orchestrate bleeding-edge strategic theme areas and worldwide resources. Conveniently actualize functional information and end-to-end e-commerce.

Class Reference