Preview

Code

                                                        
                                                        
                                                            <usln-button
                                                                is-round="true"
                                                                type="primary"
                                                                size="medium"
                                                                theme="light"
                                                                is-disabled="false"
                                                                icon="folder"
                                                        >
                                                        </usln-button>
                                                        
                                                            

Guidelines

• Use icon-only buttons as part of more complex components, such as content lists and tables in the Portal.
• For compact UIs, such as the Editor menu bar.
• Icons emphasize purpose of the button

Behaviour

• When to display an intofip about its action?

Do's and dont's

• Avoid using icon-only destructive buttons

Variants

Sizes

L

• Currently not in use anywhere

Spacing recommendations

M

• Most commonly used size, in tables in Portal, content lists and menu bars in Editor.

Spacing recommendations

S

• Currently not in use anywhere

Spacing recommendations