Avatar Items
Box Shadow
Like other shadow styling options you can add some shadow effect to the avatar item. Within its settings you can adjust the blur size and spread it horizontally or vertically then position it between the outline and inset modes.
Border Styling
You can then add some border styling like setting different border types like solid, dotted, dashed, double among others. Then define the width size of your border in the avatar item. Choose a preferred color for the border and add a radius size in case you want the borders to have rounded corners.
Invite Message Text
Typography
With this style option you can alter the font settings of the text in the invite message text. Change the font family, size, weight, style, line height among others. Alternatively you may also select a global font.
Text Color
This option enables you to choose your preferred text color for the invite message text.
You may optionally add some margin to increase spacing between elements.
Message Input
Box shadow
With this styling you can add some shadow effect to the message input section. You can adjust the blur size and spread it horizontally or vertically then add position to the shadow either outline or inset.
BackGround and Text Input Color
Under this setting you have the option to choose your preferred input background color for the message section and add the input text color of your choice.
Placeholder Color
Likewise this option allows you to change your preferred color for the placeholder text in the input section.
Border Styling
As for this part, you have an option to add a border from different types like solid, dotted, dashed, double among others. You can also define the width size of your border for the message input section. Choose a preferred color for the border and add a radius size in case you want the borders to have rounded corners.
You can optionally include some padding to the section to increase spacing.
Cancel & Send Buttons
Typography
Under this style option you can change the font settings of the two action buttons . In this case you can change the font family, size, weight, style, line height among others. Alternatively you can choose a global font setting.
Text Color and BG Color
This option enables you to choose your preferred text and background color for the two action buttons.
Box Shadow
Similar to other box shadow styling options you can add some shadow effect to the two button sections. Within its options you can adjust the blur size and spread it horizontally or vertically then position it between the outline and inset modes.
Border Styling
This option allows you to add borders within the two buttons section. You can add different border types like solid, dotted, dashed, double among others. Then define the width size of your border in the button and choose a preferred color for the border. To add rounded corners you can adjust the border radius as per your liking.
