Zur NavigationZum InhaltKontaktMenuTrova un componenteDescrizione generale MobileTrova un componente
Basics
More Info
Brand
More Info
Image
More Info
Typography
Components
More Info
Button
More Info
Checkbox
More Info
Chip
More Info
Container
More Info
Context menu
More Info
Dropdown
More Info
Header
More Info
List item
More Info
Loading indicator
More Info
Message
More Info
Modal view
More Info
Notification Box
More Info
Pagination
More Info
Picker
More Info
Radiobutton
More Info
Promotion-Box
More Info
Segmented button
More Info
Slider
More Info
Switch
More Info
Status
More Info
Tabbar
More Info
Text input
More Info
Textarea
More Info
Toast
More Info
Up dn counter
PrincipiBaseAccessibilitéSistema di designGuidelinesDeutschFrançaisItalianoEnglishI nostri principi di designSoluzioni focalizzate sull’utenteRiconoscibilitàInclusioneRiduzioneOlisticoAutoesplicativoOrientamento all’attivitàAdeguatezzaPortale della marca FFSLogoOrologio digitaleDiritti di utilizzazioneColori die baseColori funzionaliColori Off BrandIconeIcone dell'orarioPittogrammiInformazioni sull’accessibilitàÜber diesen GuideContattiLetture consigliateProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQAiutoProcessoContributionContattoIntroduzioneBaseComponentiOverviewReleasesDesign TokensKomponentenIntroduzioneBaseInformazioniIntroduzioneBaseComponentiSenso & scopoCommunity AssetsIstruzioniPower-AppsBanner pubblicitari digitaliSAPIcone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili DeutschEnglishButton Übersicht
Was macht die Komponente?
Löst eine Aktion aus.
Wann soll die Komponente eingesetzt werden?
Beim Starten oder Beenden eines Prozesses.
Beim Absenden eines Formulars.
Beim Aufrufen einer Funktion.
Regeln
Darf nicht innerhalb von Fliesstext eingesetzt werden.
Der Text ist immer einzeilig.
Pro Seite/Dialog darf nur ein Primary Button eingesetzt werden.
Pro Seite/Dialog sind mehrere Secondary Buttons erlaubt.
Secondary und Accent Buttons dürfen nur eingesetzt werden, wenn bereits ein Primary Button vorhanden ist.
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Normal
Pressed
Disabled
Loading
Varianten
Primary
Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).
Secondary
Ganze Breite des Screens oder des modalen Dialogs (abzüglich Abstand).
Tertiary
Label und Icon
Label
Icon
Tertiary small
Label und Icon
Label
Icon
Spezifikationen
Design
ImpressumContattoProtezione dei datiImpostazioni dei cookie