Styleguide
-
Icon component
* [String] name - Icon name: Options: close, search * [Array] modifiers - Adds a BEM modifier class. Options (px): 16, 20 * [Array] classes - Adds a class for each item<?php get_component( 'icon', [ 'name' => 'close', 'modifiers' => [ '16' ] ] ); ?> -
Colors
-
Button component
* [String] label - Button text * [Array] modifiers - Adds a BEM modifier class. Options: plus, back, forward, secondary, extra * [Array] classes - Adds a class for each item * [String] href - Wraps button with 'a' tag using provided href * [String] tag - HTML tag to use. Options: input, div, button.. * [String] name - If tag is input, tag name attribute * [String] target - Anchor target. Option: _blank<?php get_component( 'button', [ 'href' => '#', 'label' => 'Contact Us', 'modifiers' => [ 'lg', 'black', 'primary' ] ] ); -
Typography
LoremLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum Lorem IpsumLorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque purus felis, hendrerit id velit non, pretium tristique mi. Donec tempus lorem ante, eu tempor libero semper at. In lacinia cursus sapien, ut laoreet tortor consequat.Donec tempus lorem ante, eu tempor libero semper at. In lacinia cursus sapien, ut laoreet tortor consequat a.
- Item 1
- Item 2
- Item 3
-
Cards
Forms
* [Mixed] 1 - The id or title of the form to be embedded
* [boolean] 2 - Whether or not to display the form title. Defaults to true
* [boolean] 3 - Whether or not to display the form description. Defaults to true
* [boolean] 4 - Whether or not to display the form even if it is inactive. Defaults to false
* [Array] 5 - Pass an array of dynamic population parameter keys with their corresponding values to be populated. Example: “array(‘parameter_name’ => ‘custom_value’)” Defaults to false.
* [boolean] 6 - Whether or not to use AJAX for form submission. Defaults to false.
* [integer] 7 - Specify the starting tab index for the fields of this form.
* [boolean] 8 - Whether to echo the form code or return it. Defaults to true.
<?php
gravity_form( 'Footer Contact', false, false, false, '', false );