Download the PHP package gutengeek/components without Composer
On this page you can find all versions of the php package gutengeek/components. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download gutengeek/components
More information about gutengeek/components
Files in gutengeek/components
Package components
Short Description Gutengeek Components Advanced Controls for GutenBerg
License MIT
Homepage https://gutengeek.com/
Informations about the package components
The package is a library that provides all components to create control power and UI beauty block inspector easily. This is a part of GutenGeek plugin. Check out Full Features Gutengeek Blocks.
Installation
Install the composer package
Make sure autoload.php
had included
Or - Install the npm package
Requirement
Usage
Within GutenGeek Plugin plugin, these components can be accessed by importing from the wp.gutengeek.components
root directory:
Gutengeek Toolbar Components Available:
ShapeControl
SizeTypeUnits
GradientControl
IconPickerControl
PaddingControl
MarginControl
HeadingControl
RangeSlider
BackgroundControl
Typography
AlignmentsControl
BorderControl
BorderRadiusControl
BoxShadowControl
TransformControl
ButtonGroupControl
Dimension
ParallaxControls
Color
MediaControl
TransitionControl
ResponsiveControl
InspectorTabs
InspectorTab
Development Guideline
ShapeControl
By using Gutengeek, you can easily control all shape dividers which separate the section of page. Able to choose shape top & shape bottom.
SizeTypeUnits
Gutengeek offers options for units to measure size, type as px, em, rem, % in CSS.
GradientControl
Support CSS Gradients to let show off a smooth color between at least 2 or more colors.
IconPickerControl
Support to show/display all icons from font awesome to let you choose icon for button, list bullets, social network icon in order to impress customers at the first sight.
PaddingControl
Set space for around element's contents,. There are settings for padding ( top, right, bottom, left)
MarginControl
Setting the margin for each side of an element with border (top, right, bottom, and left).
HeadingControl
Allows to choose heading tag: h1, h2, h3, h4, h5, h6
RangeSlider
Drag and drop number, support on the different devices.
BackgroundControl
Choose Normal & Hover. Possible to set background: Color, Gradient, Video & Images
Typography
Font size, font family, variants, font style, font weight, text transform controls
AlignmentsControl
Possible to set text-align in CSS with Align center, wide width, full width
BorderControl
Enable/disable border in css, set position, width (px, em, %), border shape.
BorderRadius
Defines the radius in CSS of the element's corners
BoxShadowControl
Choose box shadow in CSS
TransformControl
All attribute transform in CSS
ButtonGroupControl
Enable/disable buttons, type, size, enable/disable typography, Text, link (Open new window, same window), margin & icon. Only hover ( enable/disable), Icon Position, Icon Spacing,
Dimension
Set padding & margin with Top, Right, Bottom & Left with options px, em, rem, % in CSS.
ParallaxControls
Enable/disable parallax control, event type, items #1 (select image, width, height, position, Speed, Duration, Index)
Color
Pick a suitable color from pallet
Media
Upload media to library or import media url.
TransitionControl
Attributes transition effects controls in CSS
ResponsiveControl
Options for Hide/enable on devices as desktop, tablet, mobile
InspectorTabs & InspectorTab
Split tab layout, style, advanced
Tabs & Tab
Split tab hover, active state
URL
URL full option