Button Components
Button variants, action buttons, and button groups with visual previews for all components.
import { ... } from "@/components/blocks/buttons"ButtonPrimary
FreeImport ButtonPrimary from @/components/blocks/buttons
ButtonSecondary
FreeImport ButtonSecondary from @/components/blocks/buttons
ButtonOutline
FreeImport ButtonOutline from @/components/blocks/buttons
ButtonGhost
ProImport ButtonGhost from @/components/blocks/buttons
ButtonLink
ProImport ButtonLink from @/components/blocks/buttons
ButtonDestructive
ProImport ButtonDestructive from @/components/blocks/buttons
ButtonWithIcon
ProImport ButtonWithIcon from @/components/blocks/buttons
ButtonWithTrailingIcon
ProImport ButtonWithTrailingIcon from @/components/blocks/buttons
ButtonIconOnly
ProImport ButtonIconOnly from @/components/blocks/buttons
ButtonWithLoader
ProImport ButtonWithLoader from @/components/blocks/buttons
ButtonLoading
ProImport ButtonLoading from @/components/blocks/buttons
ButtonLarge
ProImport ButtonLarge from @/components/blocks/buttons
ButtonMedium
ProImport ButtonMedium from @/components/blocks/buttons
ButtonSmall
ProImport ButtonSmall from @/components/blocks/buttons
ButtonPill
ProImport ButtonPill from @/components/blocks/buttons
ButtonRounded
ProImport ButtonRounded from @/components/blocks/buttons
ButtonSquare
ProImport ButtonSquare from @/components/blocks/buttons
ButtonGradient
ProImport ButtonGradient from @/components/blocks/buttons
ButtonGlow
ProImport ButtonGlow from @/components/blocks/buttons
ButtonNeon
ProImport ButtonNeon from @/components/blocks/buttons
ButtonAnimated
ProImport ButtonAnimated from @/components/blocks/buttons
ButtonBounce
ProImport ButtonBounce from @/components/blocks/buttons
ButtonPulse
ProImport ButtonPulse from @/components/blocks/buttons
ButtonDownload
ProImport ButtonDownload from @/components/blocks/buttons
ButtonSplit
ProImport ButtonSplit from @/components/blocks/buttons
ButtonDropdown
ProImport ButtonDropdown from @/components/blocks/buttons
ButtonSocial
ProImport ButtonSocial from @/components/blocks/buttons
ButtonOAuth
ProImport ButtonOAuth from @/components/blocks/buttons
ActionButtonAdd
ProImport ActionButtonAdd from @/components/blocks/buttons
ActionButtonRemove
ProImport ActionButtonRemove from @/components/blocks/buttons
ActionButtonEdit
ProImport ActionButtonEdit from @/components/blocks/buttons
ActionButtonDelete
ProImport ActionButtonDelete from @/components/blocks/buttons
ActionButtonSave
ProImport ActionButtonSave from @/components/blocks/buttons
ActionButtonCancel
ProImport ActionButtonCancel from @/components/blocks/buttons
ActionButtonSubmit
ProImport ActionButtonSubmit from @/components/blocks/buttons
ActionButtonReset
ProImport ActionButtonReset from @/components/blocks/buttons
ActionButtonUpload
ProImport ActionButtonUpload from @/components/blocks/buttons
ActionButtonDownload
ProImport ActionButtonDownload from @/components/blocks/buttons
ActionButtonCopy
ProImport ActionButtonCopy from @/components/blocks/buttons
ActionButtonLike
ProImport ActionButtonLike from @/components/blocks/buttons
ActionButtonBookmark
ProImport ActionButtonBookmark from @/components/blocks/buttons
ActionButtonFollow
ProImport ActionButtonFollow from @/components/blocks/buttons
ActionButtonSubscribe
ProImport ActionButtonSubscribe from @/components/blocks/buttons
ActionButtonUnsubscribe
ProImport ActionButtonUnsubscribe from @/components/blocks/buttons
ActionButtonBuy
ProImport ActionButtonBuy from @/components/blocks/buttons
ActionButtonAddToCart
ProImport ActionButtonAddToCart from @/components/blocks/buttons
ActionButtonCheckout
ProImport ActionButtonCheckout from @/components/blocks/buttons
ActionButtonPlay
ProImport ActionButtonPlay from @/components/blocks/buttons
ActionButtonPause
ProImport ActionButtonPause from @/components/blocks/buttons
ActionButtonRefresh
ProImport ActionButtonRefresh from @/components/blocks/buttons
ActionButtonSearch
ProImport ActionButtonSearch from @/components/blocks/buttons
ActionButtonFilter
ProImport ActionButtonFilter from @/components/blocks/buttons
ActionButtonSort
ProImport ActionButtonSort from @/components/blocks/buttons
ActionButtonExport
ProImport ActionButtonExport from @/components/blocks/buttons
ActionButtonImport
ProImport ActionButtonImport from @/components/blocks/buttons
ActionButtonPrint
ProImport ActionButtonPrint from @/components/blocks/buttons
ButtonGroupHorizontal
ProImport ButtonGroupHorizontal from @/components/blocks/buttons
ButtonGroupVertical
ProImport ButtonGroupVertical from @/components/blocks/buttons
ButtonGroupSegmented
ProImport ButtonGroupSegmented from @/components/blocks/buttons
ButtonGroupToggle
ProImport ButtonGroupToggle from @/components/blocks/buttons
ButtonGroupRadio
ProImport ButtonGroupRadio from @/components/blocks/buttons
ButtonGroupCheckbox
ProImport ButtonGroupCheckbox from @/components/blocks/buttons
ButtonGroupWithDivider
ProImport ButtonGroupWithDivider from @/components/blocks/buttons
ButtonGroupAttached
ProImport ButtonGroupAttached from @/components/blocks/buttons
ButtonToolbar
ProImport ButtonToolbar from @/components/blocks/buttons
ButtonActionBar
ProImport ButtonActionBar from @/components/blocks/buttons
ButtonFloatingAction
ProImport ButtonFloatingAction from @/components/blocks/buttons
ButtonFAB
ProImport ButtonFAB from @/components/blocks/buttons
ButtonStickyBottom
ProImport ButtonStickyBottom from @/components/blocks/buttons
ButtonFixedActions
ProImport ButtonFixedActions from @/components/blocks/buttons
ButtonSpeedDial
ProImport ButtonSpeedDial from @/components/blocks/buttons
ButtonExpandable
ProImport ButtonExpandable from @/components/blocks/buttons
ButtonStackedActions
ProImport ButtonStackedActions from @/components/blocks/buttons
ButtonInlineActions
ProImport ButtonInlineActions from @/components/blocks/buttons
OAuthButtons
ProImport OAuthButtons from @/components/blocks/buttons
ButtonPagination
ProImport ButtonPagination from @/components/blocks/buttons
All 80 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/buttons