Komponentit

Perusosat aakkosjärjestyksessä, 35 kpl. Kortin luku kertoo, monessako palvelussa osa on käytössä.

Edistymispalkki0 palveluaProgressKuinka pitkällä ajo tai lataus on.Esittelykortti0 palveluaSpotlightFrameIkoni pinottujen korttien päällä, otsikko, selitys ja toiminto: pisteruudukolla kehyksessä tai korkeana korttina ruudukon sarakkeessa.Hakukenttä4 palveluaSearchComboboxEhdottaa kirjoittaessa; kuori ilman datakerrosta.Ilmoituskeskus0 palveluaNotificationCenterKello, lukumerkki ja ilmoitusten lista ponnahdusikkunassa.Ilmoituskupla2 palveluaToastItsestään sulkeutuva ilmoitus näytön alalaidassa.Kortti4 palveluaCardErillinen pinta otsikolle, sisällölle ja alatunnisteelle.Kytkin0 palveluaSwitchAsetus päälle tai pois, vaikuttaa heti.Liukupaneeli6 palveluaSheetSisällön päälle liukuva paneeli, joka lukitsee taustan.Lomakeikkuna3 palveluaFormDialogValintaikkuna, joka omistaa lähetystilan ja virheen.Merkki6 palveluaBadgeLyhyt nimiö: lukumäärä, luokka tai tila tekstinä.Mittarikortti1 palveluaStatCardIkoni, selite ja yksi iso luku.Murupolku5 palveluaBreadcrumbMissä olet ja miten pääset takaisin.Nimiö1 palveluaLabelKentän nimi, kytketty kenttään.Painike6 palveluaButtonToiminto: ensisijainen, toissijainen, reunallinen, haamu, vaarallinen ja linkki.Paneelin osat6 palveluaPanelHeaderSivupaneelien yhteinen otsikko, runko ja alatunniste.Ponnahdusikkuna6 palveluaPopoverElementtiin kiinnittyvä sisältö, joka ei lukitse sivua.Profiilikuva0 palveluaAvatarNimikirjaimet tai kuva käyttäjälle ja palvelulle.Pudotusvalikko5 palveluaSelectYksi arvo listasta.Pylväsrivi2 palveluaMiniBarChartPieni aikasarja: päiväkustannukset, päivittäiset ajot.Reittivälilehdet0 palveluaTabNavVälilehtien näköiset linkit eri osoitteisiin.Segmenttivalitsin3 palveluaSegmentedKahdesta neljään toisensa poissulkevaa näkymää, esimerkiksi Taulukko | Kortit.Sisältökortti0 palveluaPanelCardValkoinen kortti, otsikko ja apurivi vasemmassa yläkulmassa, alla vapaa sisältö kuten taulukko reunasta reunaan.Sivun otsikko6 palveluaPageHeaderOtsikko, yläotsikko ja kuvaus sivun alkuun.Sivupaneeli1 palveluaSidePanelSisältöä kaventava paneeli; molemmat puolet jäävät käytettäviksi.Sivutus3 palveluaPaginationRivimäärä vasemmalla, sivunvaihto oikealla.Syötekenttä6 palveluaInputYksirivinen tekstikenttä.Taulukko5 palveluaTableTaulukon perusosat omaa rakennetta varten.Tekstialue0 palveluaTextareaMonirivinen tekstikenttä.Tiedoston pudotusalue1 palveluaUploadDropzoneTiedosto vetämällä tai valitsemalla.Työkaluvihje0 palveluaTooltipLyhyt selite osoitettaessa; ei sisällä toimintoja.Valikko6 palveluaDropdownMenuToimintojen lista painikkeen takana, ryhmiteltynä otsikoin.Valintaikkuna4 palveluaDialogModaali vahvistukselle tai lyhyelle tehtävälle.Valintaruutu1 palveluaCheckboxYksi kyllä/ei-valinta tai rivin valinta taulukossa.Versioilmoitus4 palveluaVersionNotice"Palvelu on päivittynyt", kun välilehti ajaa vanhaa versiota.Välilehdet0 palveluaTabsSaman sivun näkymät välilehtinä.