{"repo":"AdrianMaj/payload-lexical-typography","free":true,"listed":false,"github":"https://github.com/AdrianMaj/payload-lexical-typography","clone":"git clone https://github.com/AdrianMaj/payload-lexical-typography.git","description":"Payload plugin for extending lexical typography options (Text color, Font size, Letter spacing, Line height, Font Family)","language":"TypeScript","stars":108,"topics":["payload-plugin","payloadcms","lexical","mit","mit-license","nextjs","open-source","payload","react","typescript"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Payload Lexical Typography This plugin extends the default Payload Lexical editor functionality by adding more customization options for text elements. Core Features 🧩 - Text color - ability to change text color to predefined colors or selected color using color picker. - Font size - ability to change font size to predefined sizes or custom size using input field. - Letter spacing - ability to change letter spacing to predefined values or custom value using input field. - Line height - ability to change line height to predefined values or custom value using input field. - Font family - ability to change font family to predefined fonts or custom font using input field. Installation 📦 To get plugin up and running, follow these steps: 1. Install package from NPM: 2. Add features you want to include in your lexical editor config, you can also pass additional props: 3. Add converters to your RichText component ⚠️ Warning: Starting from version 0.1.0 , converters must be imported from the /converters submodule instead of /client . ### JSX Converters ### HTML Converters For HTML converter, use TypographyHTMLConverters instead of TypographyJSXConverters , from /converters submodule. Configuration 🛠 TextColorFeature Option Type Default Description colors Array<string> Array [] Defines the color palette available in the color picker's predefined section. Each color should be a valid CSS color value (hex, RGB, etc.). If you pass values with label, it will automatically switch t","default_branch":null,"files":null,"tree":[],"storefront":"/r/AdrianMaj","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/AdrianMaj/payload-lexical-typography/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}