Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Default

Use @Html.LLG().Button(string text) method to create a button.

@Html.LLG().Button("Primary")
@Html.LLG().Button("Transition Hover").TransitionHover()
@Html.LLG().Button("Custom css class").AppendCssClass("btn-wide")

Change Color

Use .Color(BootstrapColor color) method to set color. Default color is BootstrapColor.Primary

@Html.LLG().Button("Primary").Color(BootstrapColor.Primary)
@Html.LLG().Button("Danger").Color(BootstrapColor.Danger)
@Html.LLG().Button("Dark").Color(BootstrapColor.Dark)
@Html.LLG().Button("Info").Color(BootstrapColor.Info) 
@Html.LLG().Button("Light").Color(BootstrapColor.Light) 
@Html.LLG().Button("Secondary").Color(BootstrapColor.Secondary) 
@Html.LLG().Button("Success").Color(BootstrapColor.Success) 
@Html.LLG().Button("Warning").Color(BootstrapColor.Warning) 

Sleek Buttons

Use .Sleek() method to set sleek. Default value is false

@Html.LLG().Button("Primary").Color(BootstrapColor.Primary).Sleek()
@Html.LLG().Button("Danger").Color(BootstrapColor.Danger).Sleek()
@Html.LLG().Button("Dark").Color(BootstrapColor.Dark).Sleek()
@Html.LLG().Button("Info").Color(BootstrapColor.Info).Sleek() 
@Html.LLG().Button("Light").Color(BootstrapColor.Light).Sleek() 
@Html.LLG().Button("Secondary").Color(BootstrapColor.Secondary).Sleek() 
@Html.LLG().Button("Success").Color(BootstrapColor.Success).Sleek() 
@Html.LLG().Button("Warning").Color(BootstrapColor.Warning).Sleek() 

Outline Buttons

Use .Outline() method to set outline. Default outline is false

@Html.LLG().Button("Primary").Color(BootstrapColor.Primary).Outline()
@Html.LLG().Button("Danger").Color(BootstrapColor.Danger).Outline()
@Html.LLG().Button("Dark").Color(BootstrapColor.Dark).Outline()
@Html.LLG().Button("Info").Color(BootstrapColor.Info).Outline() 
@Html.LLG().Button("Light").Color(BootstrapColor.Light).Outline() 
@Html.LLG().Button("Secondary").Color(BootstrapColor.Secondary).Outline() 
@Html.LLG().Button("Success").Color(BootstrapColor.Success).Outline() 
@Html.LLG().Button("Warning").Color(BootstrapColor.Warning).Outline() 

Icon Buttons

Use .Icon(string icon) method to set icon.
Use IconPosition(ButtonIconPosition iconPosition) method to change icon position. Default icon position is ButtonIconPosition.Left

@Html.LLG().Button("facebook").Color(BootstrapColor.Primary).Icon("fab fa-facebook-f")
@Html.LLG().Button("twitter").Color(BootstrapColor.Secondary).Icon("fab fa-twitter")
            .IconPosition(ButtonIconPosition.Right)
@Html.LLG().Button().Color(BootstrapColor.Success).Icon("fab fa-github")
@Html.LLG().Button().Color(BootstrapColor.Danger).Icon("fab fa-dribbble") 
@Html.LLG().Button().Color(BootstrapColor.Light).Icon("fab fa-github") 
@Html.LLG().Button().Color(BootstrapColor.Dark).Icon("fab fa-github") 
@Html.LLG().Button().Color(BootstrapColor.Warning).Icon("fab fa-google") 

Sizes

Use .Size(ButtonSize size) method to set size. Default size is ButtonSize.Default

@Html.LLG().Button("Small").Size(ButtonSize.Small)
@Html.LLG().Button("Default").Size(ButtonSize.Default)
@Html.LLG().Button("Large").Size(ButtonSize.Large) 

Block Buttons

Use .Size(ButtonSize size) method to set size. Default size is ButtonSize.Default

@Html.LLG().Button("Block level button").Block()
@Html.LLG().Button("Block level button").Block().Color(BootstrapColor.Secondary)

Button Corner

Use .Corner(ButtonCorner corner) method to set button corner. Default corner is ButtonCorner.Default

@Html.LLG().Button("Default").Corner(ButtonCorner.Default)
@Html.LLG().Button("Rounded0").Corner(ButtonCorner.Rounded0)
@Html.LLG().Button().Corner(ButtonCorner.RoundedCircle).Icon("fab fa-twitter")
@Html.LLG().Button("Btn Pill").Corner(ButtonCorner.Pill)

Methods

Use .Block(ButtonSize size) method to set size. Default size is ButtonSize.Default

Method Description

.Method(bool value)

Comming soon.