Skip to content
button
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

button

Fragment reference button
tags
ui

Buttons represent actions available to the user.

Attributes

NameTypeDefaultDescription
variantneutral | brand | success | warning | dangerneutralSemantic variant.
sizesmall | medium | largemediumButton size.
appearanceaccent | filled | outlined | plainaccentVisual appearance.
iconstring-Icon name placed in the start slot.
pillbooleanfalseRounded pill shape.
loadingbooleanfalseLoading state.
disabledbooleanfalseDisables the button.
with-caretbooleanfalseAdds a dropdown caret indicator.
widthfull | autoautoButton width (DSL shorthand).