Class ImageEditorFontFamily

A class used for configuring the font family properties in the SfImageEditor component.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ImageEditorFontFamily
Implements
Inherited Members
Namespace: Syncfusion.Blazor.ImageEditor
Assembly: Syncfusion.Blazor.dll
Syntax
public class ImageEditorFontFamily : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

You can configure the font family tool appearance by specifying the value for the corresponding property.

Examples
@using Syncfusion.Blazor.ImageEditor

 <div style="width: 100%; height: 90vh;">
    <SfImageEditor Height="100%">
        <ImageEditorFontFamily Items="CustomItems" Default="Impact"></ImageEditorFontFamily>
    </SfImageEditor>
</div>

@code {
    private List<ImageEditorDropDownItemModel> CustomItems = new List<ImageEditorDropDownItemModel>
    {
        new ImageEditorDropDownItemModel { Text = "Arial", Value = "Arial"},
        new ImageEditorDropDownItemModel { Text = "Georgia", Value = "Georgia"},
        new ImageEditorDropDownItemModel { Text = "Impact", Value = "Impact"},
        new ImageEditorDropDownItemModel { Text = "Tahoma", Value = "Tahoma"},
    };
}

Constructors

ImageEditorFontFamily()

Declaration
public ImageEditorFontFamily()

Properties

Default

Gets or sets the default font family to be selected in the font family dropdown button in the SfImageEditor toolbar.

Declaration
[Parameter]
public string Default { get; set; }
Property Value
Type Description
string

This property contains default font family value as string. The default value is Arial.

Items

Gets or sets the fonts that display under the Font Family dropdown button in the SfImageEditor toolbar.

Declaration
[Parameter]
public List<ImageEditorDropDownItemModel> Items { get; set; }
Property Value
Type Description
List<ImageEditorDropDownItemModel>

ImageEditorDropDownItemModel

Implements