Buttons

To trigger an operation.

Default Buttons

Yoda Design supports a default button size as well as a large and small size.

                            
                        

Large Buttons

Yoda Design supports a default button size as well as a large and small size.

                            
                        

Small Buttons

Yoda Design supports a default button size as well as a large and small size.

                            
                        

Text Buttons

There are text button in Yoda.

                            
                        

Link Buttons

There are link button in Yoda.

                            
                        

Dashed Buttons

There are dashed button in Yoda.

                            
                        

Disabled Buttons

To make a button as disabled, choose the disabled class in variant.

                            
                        

Outline Buttons

There are outline button in Yoda.

                            
                        

Ghost Buttons

Ghost property will make button's background transparent, it is commonly used in colored background

                            
                        

Icon Buttons

Button components can contain an Icon. This is done by setting the icon property or placing an Icon component within the Button.

                                    
                                

Icon Only

Button components can contain an Icon. This is done by setting the icon property or placing an Icon component within the Button.

                                    
                                

Gradient Buttons

There are gradient button in Yoda.

                            
                        
Customise your YODA Preview in Real Time
THEME Dark & Light
CONTENT WIDTH FULL Width & Boxed