; MaterialSB Example - Buttons
; This example demonstrates the different buttons styles.

IncludeFile "MaterialSB.sbi"

EnableExplicit

Procedure Main(Result)
	UseModule MaterialSB
	
	SetDarkTheme(#False)
	
	; Navbar
	Navbar(#Navbar_Shadow1 | #Navbar_Container)
	NavbarAddLogo("Buttons")
	
	Row(#Grid_Container)
	Col(12)
	Append("<h3>Button Component</h3>")
	Append("<p>MaterialSB supports various button styles and sizes:</p>")
	
	Button("Default", #Null, #Button_Default)
	Button("Tonal", #Null, #Button_Tonal)
	Button("Outlined", #Null, #Button_Outlined)
	Button("Elevated", #Null, #Button_Elevated)
	Button("Text", #Null, #Button_Text)
	Button("Floating", #Null, #Button_Floating)
	Button("Large", #Null,#Button_Large)
	Button("Small", #Null,#Button_Small)
	Button("Disabled", #Null, #Button_Disabled)
	
	Append("<br><br>")
	Append("<h5>Button Flags</h5>")
	
	Protected t = Table("Flag", #Table_Striped | #Table_Highlight)
	TableAddColumn("Description", t)
	
	TableAddItem("#Button_Default" + Chr(10) + "Standard filled button", t)
	TableAddItem("#Button_Tonal" + Chr(10) + "Tonal variant with muted color", t)
	TableAddItem("#Button_Outlined" + Chr(10) + "Outlined variant with border", t)
	TableAddItem("#Button_Elevated" + Chr(10) + "Elevated variant with shadow", t)
	TableAddItem("#Button_Text" + Chr(10) + "Text-only variant", t)
	TableAddItem("#Button_Floating" + Chr(10) + "Floating action button (FAB)", t)
	TableAddItem("#Button_Large" + Chr(10) + "Large size", t)
	TableAddItem("#Button_Small" + Chr(10) + "Small size", t)
	TableAddItem("#Button_Disabled" + Chr(10) + "Disabled state", t)
	
	CloseCurrentParent(2)
	
	AutoInit()
	
	UnuseModule MaterialSB
EndProcedure

MaterialSB::Download(@Main())
; IDE Options = SpiderBasic 3.10 (Windows - x86)
; CursorPosition = 24
; Folding = -
; iOSAppOrientation = 0
; AndroidAppCode = 0
; AndroidAppOrientation = 0
; EnableXP
; DPIAware
; CompileSourceDirectory