store
2 months ago
GenerateBgImage.js
2 months ago
block-duplicate-helper.js
2 months ago
capitalize.js
2 months ago
color-code-to-class.js
2 months ago
color-slug-to-color-code.js
2 months ago
common.scss
2 weeks ago
convert-to-grid.js
2 months ago
default-color-palette.js
2 months ago
delete-from-array.js
2 months ago
depModules.js
2 months ago
disable-links.js
2 weeks ago
empty-string-to-undefined.js
2 months ago
example-data.js
2 months ago
fixBrokenUnicode.js
2 months ago
font-awesome-new.js
2 weeks ago
font-awesome-version.js
2 months ago
font-awesome.js
2 months ago
formatNumCol.js
2 months ago
gradient-slug-to-gradient-code.js
2 months ago
heading-level-utils.js
2 months ago
hex-to-rgba.js
2 months ago
horizontal-scroll-controls.js
2 months ago
icon-label.js
2 weeks ago
is-excludes-blocks.js
2 months ago
is-gradient-style.js
2 months ago
is-hex-color.js
2 months ago
is-not-json.js
2 months ago
is-parent-reusable-block.js
2 days ago
merge-colors.js
2 months ago
multi-array-flaten.js
2 months ago
removeProperty.js
2 months ago
replaceClientId.js
2 months ago
sanitizeSlug.js
2 months ago
settings-page-url.js
2 weeks ago
strip-html.js
2 months ago
taxonomy-utils.js
2 months ago
to-number.js
2 months ago
to-preset-spacing-var.js
2 months ago
unit-options.js
2 months ago
wrap-unwrap.js
2 months ago
font-awesome.js
43 lines
| 1 | import { TextControl } from '@wordpress/components'; |
| 2 | import { Component } from '@wordpress/element'; |
| 3 | import { __ } from '@wordpress/i18n'; |
| 4 | |
| 5 | export const faSchema = { |
| 6 | faIcon: { |
| 7 | type: 'string', |
| 8 | default: '', |
| 9 | }, |
| 10 | }; |
| 11 | |
| 12 | export class FontAwesome extends Component { |
| 13 | render() { |
| 14 | const { faIcon } = this.props.attributes; |
| 15 | const setAttributes = this.props.setAttributes; |
| 16 | |
| 17 | return ( |
| 18 | <> |
| 19 | <TextControl |
| 20 | label={__('Font Awesome', 'vk-blocks')} |
| 21 | value={faIcon} |
| 22 | onChange={(value) => setAttributes({ faIcon: value })} |
| 23 | placeholder={'fas fa-arrow-circle-right'} |
| 24 | className="mb-0" |
| 25 | /> |
| 26 | <p className="mt-1"> |
| 27 | {__('Enter Font Awesome Class.', 'vk-blocks')} |
| 28 | <br /> |
| 29 | {__('Ex) fas fa-arrow-circle-right', 'vk-blocks')} |
| 30 | <br /> |
| 31 | <a |
| 32 | href={`https://fontawesome.com/search?ic=free-collection`} |
| 33 | target={`_blank`} |
| 34 | rel="noreferrer" |
| 35 | > |
| 36 | {__('Font Awesome icon list', 'vk-blocks')} |
| 37 | </a> |
| 38 | </p> |
| 39 | </> |
| 40 | ); |
| 41 | } |
| 42 | } |
| 43 |