It's still experimental, and we're working on adding migration guides, but, we believe, it provides a more performant and accessible alternative.ĭraft.js is a JavaScript rich text editor framework, built for React and On 31st December 2022 the repo will be fully archived.įor users looking for an open source alternative, Meta have been working on migrating to a new framework, called Lexical. It will not receive any feature updates, only critical security bug patches. Padding right: set the right padding of the fullwidth area in pixel.THIS PROJECT IS CURRENTLY IN MAINTENANCE MODE. Padding left: set the left padding of the fullwidth area in pixel. Padding bottom: set the bottom padding of the fullwidth area in pixel Padding top: set the top padding of the fullwidth area in pixel Parallax overlay color: select overlay color for your parallax area Parallax type: choose parallax type you wish to use Parallax: enable parallax effect if you wish to use parallax If enabled: #ffffff.Ĭontent Background Color: here you can select the color for the background of your textboxĬontent Background Image: if you wish to use an image as background of your textbox, here you can select this image from your media libraryīackground Style: choose a style of displaying background imageīackground horizontal position: choose the horizontal position of your background imageBackground vertical position: choose the vertical position of your background image Style: you can select, if you wish to have a title bar in your textbox or not or if you wish to make a picture box (where the picture is placed above the textbox)Ĭontent Text Color: Font color for the text in the textbox, Choose or enter color code, ex. Icon Top Margin & Icon Bottom Margin: here you can define the top & bottom margins of your button, in pixels Link & Link Target: enter an URL if you wish to link your iconĬentered: if you wish to automatically center this icon inside the content block where it is inserted, activate this option Size: In which size your icon should appear Style: Needed for bicolored icons – here you can define the angle of color splitting on your iconĬolor 2: If you wish to make your icon bicolored, here you can choose the second font color for your iconīackground Color: Choose the background color of your iconīorder Color: Choose the border color of your icon Shape: Here you can choose between different icon shapes Icon pack: if you wish to use some icon in your button, here you can define the icon pack, whereyou wish to choose your icon Lazy Loading enabled: here you can enable a lazy loading animation for your button Icon Position: where to position the chose icon – to the left or to the right of the button’s text Choose the main font color of your title icon here
Facebook text blocks code#
Just click on “Show icon codes”, select and copy the code of the icon you wish to insert and paste this code here Icon: here you can choose an icon from the font icon set you have selected in „Icon Pack“. Icon pack: if you wish to use some icon in your button, here you can define the icon pack, where you wish to choose your icon
Separator Style: this option gives you a possibility to enable line separator to the left and to the right of the button Hover Background Color: select the background color fill for the button in hover state Hover Text Color: Select the hover font color of the button’s textīackground Color: select the background color fill for the button Text Color: Select the font color of the button’s text No uppercase: by checking this checkbox you disable uppercase letter styling for button textīorder radius: define the radius for rounded corners of the button Size: select the size for your buttonText weight: font weight for the button text Style: TheGem buttons incluide two basic styles – flat (solid filling) and outline (ghost like) Position: define position and alignment of this button URL (Link): define the link for your button
0 kommentar(er)
