Use the following styles to indicate a disabled button. Use the following spinner components from Flowbite to indicate a loader animation inside buttons: Icon description Icon description Icon description Icon description Expand code Loader This example can be used to show a notification count or helper text inside a button using the badge element. Use the following examples to add a SVG icon inside the button either on the left or right side. Use these examples if you want to use smaller or larger buttons.Įxtra small Small Base Large Extra large Expand code Button sizes with icon Use the following button styles to show the colors only for the border of the element.ĭefault Dark Green Red Yellow Purple Expand code Button sizes
Purple to Blue Cyan to Blue Green to Blue Purple to Pink Pink to Orange Teal to Lime Red to Yellow Expand code The button pills can be used as an alternative style by using fully rounded edges.ĭefault Alternative Dark Light Green Red Yellow Purple Expand codeīlue Green Cyan Teal Lime Red Pink Purple Expand code Default Alternative Dark Light Green Red Yellow Purple Expand code Button pills
