Forms - Bouton

Page / - last modified by Achraf El Kari on 2023/07/18 16:11

Bouton

last modified by Achraf El Kari

on 2023/07/18 16:11

Table of Contents

In the Button component, we find 4 tabs:

Général Configuration, Styles, Actions and Permissions

1-Général Configuration :

There are two types of buttons

Buton Type	Description
TextWithIcon Button :	This type allows us to choose an icon and write a title for the button
Icon Button :	It displays the icon that the user chooses

2-Styles :

We have two parts: Container and Content

Container :

Container element	Description
Shadow:	To add a shadow to the button
Background Color:	To change the background color of the button
Border Side :	To define where you want to position the button border (all, left, right, top, bottom)
Border:	To change the color and thickness of the button border
Border Type:	To change the type of button border (dotted, solid, ...)
Border Radius (px):	To define the radius of the button's rounded corners.

Content :

Content element	Description
Spacing:	To define the spacing between the icon and the text in the button
Icon Position:	To choose the position of the icon (left, right, top, bottom)
Align:	To align the icon with the text (left, center, right)
Size (px):	To define the size in pixels of the icon and text in the button
Color:	To change the color of the icon and text in the button
Bold:	To make the text bold in the button