The Rich Text Character Limit component enables the ability to add content character limits to rich text.
180438859-a8c1448c-c905-4d71-aae3-ae8afd44980c.mp4
RichTextCharacterLimit extends RichText and can accept all the same props as RichText does. Please refer to the official RichText documentation.
import { RichTextCharacterLimit } from '@10up/block-components';
function BlockEdit(props) {
const { attributes, setAttributes } = props;
const { title } = attributes;
return (
<RichTextCharacterLimit
limit={30}
enforce={true}
tagName="h2"
value={title}
placeholder={ __( 'Enter some text', NAMESPACE ) }
onChange={(title) => setAttributes({title})}
allowedFormats={[
'core/bold',
'core/link'
]}
/>
)
}| Name | Type | Default | Description |
|---|---|---|---|
limit |
number |
100 |
Maximum amount of characters |
enforce |
boolean |
true |
Enforce the character limit by restricting content |