Gå til indholdet
BIBLIOTEK

Kontroller til rigtige applikationer

Gitre, diagrammer, planlæggere, editorer og mere. Hver kontrol har sin egen side i et enkelt sprog, nem at læse for udviklere og for AI-assistenter.

AlleFreeComplete
KnapperTekst og talValg fra listeSkydere og bedømmelseFarve og filEditorerValgDato og tidFormularerLayoutNavigationOverlejringerFeedbackContentLette dataTrækPræferencerVærktøjer

Knapper 9 kontroller

001 ButtonFree Knappen, hele din app bygger på: tre stilarter, seks farver, ikoner og beskyttelse mod dobbeltklik.002 IconButtonFree En kompakt knap til værktøjslinjer, med indbygget tilgængeligt navn.003 ButtonGroupFree Saml beslægtede handlinger i én ryddelig kontrol, klar til visningsskiftere.004 ToggleButtonFree En knap, der bliver tændt eller slukket.005 SplitButtonFree En hovedhandling med beslægtede handlinger ét klik væk.006 FloatingActionButtonFree Hold hovedhandlingen altid inden for rækkevidde.007 SpeedDialFree En flydende knap, der åbner en kort liste af handlinger.008 ProgressButtonFree En knap, der viser sin egen fremdrift, mens arbejdet kører.009 CopyButtonFree Ét klik for at kopiere, med tydelig bekræftelse.

Tekst og tal 9 kontroller

010 TextFieldFree Tekstfeltet, dine formularer er bygget på, med valideringsmeddelelser nedenunder.011 NumericFieldFree Taltinput, der respekterer grænser og dine brugeres format.012 PercentFieldFree Skriv procenter naturligt, mens værdien forbliver en ren brøk.013 MoneyFieldFree Skriv beløb, som dine brugere skriver dem, i deres egen kultur.014 MaskedInputFree Led folk til at skrive telefonnumre, koder og id'er i det rigtige format.015 OtpInputFree Ét felt pr. tegn til bekræftelseskoder, med jævn skrivning og indsættelse.016 SearchBoxFree Søgning med ikon, ryd-knap og din egen søgehandling.017 PasswordStrengthFree Vis, hvor stærk en adgangskode er, og hvilke regler den opfylder.018 InPlaceEditorFree Redigér en værdi lige der, hvor den vises: klik, ændr, gem.

Valg fra liste 10 kontroller

019 SelectFree Vælg ét element fra en rulleliste, til enhver type værdi.020 DropDownListFree Vælg fra lister af enhver længde, selv hundredtusindvis af poster, uden langsomhed.021 MultiSelectFree Vælg flere elementer fra en rulleliste, med Vælg alle og Ryd.022 ListBoxFree En altid synlig liste, til ét valg eller flere.023 AutocompleteFree Få folk hurtigere til det rigtige svar ved at indsnævre en lang liste, mens de skriver.024 MultiColumnComboBoxFree Søg i en liste, der viser flere kolonner på én gang.025 CascaderFree Lad brugerne vælge i et hierarki, ét niveau ad gangen.026 DropDownTreeFree Vælg ét knudepunkt i et hierarki fra en kompakt rulleliste.027 TagInputFree Tilføj frie tags med Enter eller komma.028 MentionFree Tag kolleger med @ direkte i et tekstfelt.

Skydere og bedømmelse 5 kontroller

029 SliderFree Vælg et tal ved at trække.030 RangeSliderFree Vælg en nedre og en øvre værdi med én kontrol.031 RangeSelectorFree Vælg et interval i en dataserie med to håndtag.032 RatingFree Indsaml stjernebedømmelser med ét klik.033 RatingDisplayFree Vis bedømmelser med halve stjerner, en score og et antal anmeldelser.

Farve og fil 5 kontroller

034 ColorPickerFree Lad brugerne vælge farver med en vælger, en hex-kode eller færdige forudindstillinger.035 ColorPaletteFree Et gitter af farveprøver, der er hurtigt at overskue og nemt at bruge med tastaturet.036 ColorButtonFree En velkendt farveknap til værktøjslinjen, der altid viser den valgte farve.037 FileUploadFree Træk og slip eller vælg filer, med indbygget kontrol af størrelse og type.038 SignaturePadFree Indsaml håndskrevne underskrifter med mus, finger eller pen.

Editorer 2 kontroller

039 MarkdownEditorFree Skriv Markdown med en værktøjslinje og live-forhåndsvisning.040 AddressFieldFree Adressér en besked på få sekunder: hver adresse bliver en tydelig chip, med forslag mens du skriver.

Valg 9 kontroller

041 CheckboxFree Et simpelt ja eller nej, der virker med dine formularer og validering.042 CheckboxGroupFree Lad brugerne vælge flere elementer fra en liste, tydeligt mærket.043 RadioFree En enkelt mulighed i en radiogruppe, når hvert valg har brug for sin egen mærkat eller sit eget indhold.044 RadioGroupFree Ét tydeligt valg fra en kort liste.045 SwitchFree En tydelig tænd-sluk-kontakt.046 ChipFree Kompakte mærkater til tags og filtre, som kan fjernes, når det er nødvendigt.047 ChipSetFree Gør chips til filtre, folk kan vælge enkeltvis eller flere ad gangen.048 ToggleGroupFree En segmenteret kontrol til visningsskiftere og valg.049 TransferListFree Flyt elementer mellem to lister for at vælge en delmængde.

Dato og tid 12 kontroller

050 CalendarFree En kalender, der passer ind på dine sider, på dine brugeres sprog.051 DatePickerFree Vælg en dato fra en kalender, på det sprog og i det format, dine brugere kender.052 DateTimePickerFree Vælg dato og tidspunkt i ét felt.053 DateTimeRangePickerFree Vælg en periode på én kalender med to måneder, med hurtige intervaller.054 MonthPickerFree Vælg en måned og et år uden at vælge en dag.055 YearPickerFree Vælg et år fra et tydeligt gitter.056 WeekPickerFree Vælg en hel uge med ét klik.057 TimeFieldFree Et tidsfelt i formatet for brugerens sprog.058 TimePickerFree Angiv et tidspunkt i det format, dine brugere forventer.059 TimeRangePickerFree Vælg et start- og sluttidspunkt i ét felt.060 TimeSpanPickerFree Angiv en varighed i dage, timer, minutter og sekunder.061 EventCalendarFree En månedsvisning med begivenheder, man kan læse med et blik.

Formularer 7 kontroller

062 ErrorSummaryFree Saml alle formularfejl ét tydeligt sted.063 FormLayoutFree Arrangér mærkater og felter i et responsivt gitter med sektioner med titel.064 FormStateFree Lås eller frys en hel formular med én enkelt indstilling.065 LoginFormFree En færdig loginformular med venlig validering.066 RegisterFormFree En færdig tilmeldingsformular med venlig validering.067 CaptchaFree En let første kontrol mod simple bots, uden ekstern tjeneste.068 FormBuilderFree Byg formularer ud fra en liste af feltdefinitioner i stedet for markup.

Layout 15 kontroller

069 ContainerFree Hold indholdet i en behagelig bredde på alle skærme.070 StackFree Arrangér elementer i en række eller kolonne med jævn afstand.071 GridFree Et gitter med 12 kolonner, der ændrer sig med skærmstørrelsen.072 GridItemFree Én celle i gitteret, med sin bredde for hver skærmstørrelse angivet med nogle få simple værdier.073 SpacerFree Skub elementer til enden af en række.074 DividerFree En tynd linje, der giver indholdet luft.075 CardFree En ren beholder, der grupperer relateret indhold med sidehoved og sidefod.076 PanelFree En sektion med titel, der kan skjules og bære sine egne handlinger.077 FieldsetFree Gruppér beslægtede felter under en tydelig overskrift.078 ToolbarFree En række værktøjer, klar til tastaturet.079 SplitterFree Størrelsesjusterbare ruder, som brugerne tilpasser med mus, berøring eller tastatur.080 AccordionFree Hold lange sider ryddelige: vis én sektion ad gangen, eller flere, hvis dine brugere foretrækker det.081 CollapseFree Vis kun detaljer, når brugerne beder om dem.082 TagCloudFree Vis ord i størrelser, der følger deres vigtighed.083 TitleIndexFree En liste grupperet efter begyndelsesbogstav med en hurtig bogstavbjælke.

Navigation 19 kontroller

084 AppBarFree En ren topbjælke, der tilpasser sig fra brede skriveborde til små telefoner.085 DrawerFree Et sidepanel til navigation eller detaljer, der ikke er i vejen.086 NavMenuFree Lodret navigation, der fremhæver den aktuelle side.087 NavItemFree Ét link i navigationsmenuen, med ikon og mærkat, fremhævet når dets side er åben.088 NavGroupFree En sammenklappelig gruppe af links i navigationsmenuen, så lange menuer er nemme at overskue.089 TabsFree Organisér indhold i paneler, brugerne skifter mellem.090 StepperFree Led brugerne gennem en proces ét trin ad gangen.091 WizardFree Led brugerne gennem en proces med trin, der kan kontrolleres eller springes over.092 BreadcrumbsFree Vis altid, hvor brugeren er, og giv en vej tilbage med ét klik.093 MenuFree En knap, der åbner en tydelig liste af handlinger.094 MenuItemFree Én post i en menu, med valgfrit ikon, klar til tastatur og mus.095 ContextMenuFree Læg de rigtige handlinger under højre museknap.096 MenuBarFree En klassisk menulinje til applikationer med genveje og undermenuer.097 CommandContextMenuFree Højreklikmenuer med genveje, flueben og undermenuer, bygget ud fra én liste af kommandoer.098 TextContextMenuFree En velkendt højreklikmenu til tekstfelter.099 ProfileMenuFree Vis den loggede bruger med avatar, navn og menu.100 PaginationFree Bladr gennem lange lister side for side.101 TreeViewFree Hierarkier, der er nemme at gennemse med tastatur eller mus.102 ScrollSpyFree Et indholdsfortegnelse, der følger læseren gennem en lang side.

Overlejringer 10 kontroller

103 DialogFree Fokuserede dialoger, der holder brugerne på sporet og virker med tastaturet.104 DialogHostFree Stedet, hvor dialoger vises.105 PopoverFree Et flydende panel til ekstra detaljer, ved hånden.106 TooltipFree Et kort hint ved musen over eller fokus, uden script.107 OverlayFree Gør siden mørkere for at samle opmærksomheden.108 LightboxFree En fuldskærmsfremviser til billeder, med forrige- og næste-knapper, piletaster og Escape.109 TourFree Led nye brugere gennem din app trin for trin.110 ColorDialogFree Bed brugeren om en farve i en færdig dialog, med én linje kode.111 FontDialogFree Bed brugeren om en skrifttype i en færdig dialog, med én linje kode.112 SnackbarHostFree Stedet, hvor korte meddelelser vises.

Feedback 12 kontroller

113 AlertFree Sig det, der er vigtigt, i den rigtige tone: tydelige beskeder om succes, advarsler og fejl.114 BadgeFree En lille statusmærkat, der gør tilstanden tydelig i lister og menuer.115 BusyOverlayFree Hold brugerne informeret, mens noget indlæses, og stop utilsigtede klik.116 CookieConsentFree Spørg høfligt om cookievalg og husk svaret.117 EmptyStateFree Gør en tom side til et nyttigt næste skridt.118 NotificationCenterFree En klokke med antallet af ulæste notifikationer og et panel til at se dem.119 ProgressBarFree Vis, hvor langt noget er nået.120 ProgressCircularFree En ring, der viser fremdriften med et blik.121 ResultPageFree Fortæl brugerne, hvordan det gik: succes, fejl, ikke fundet eller ingen adgang.122 SkeletonFree Pladsholdere, der får indlæsning til at føles hurtigere.123 SkeletonPresetFree Færdige indlæsningspladsholdere til kort, lister, tabeller og profiler.124 SpinnerFree Et tydeligt tegn på, at noget indlæses.

Content 21 kontroller

125 TypographyFree Overskrifter og tekst, der forbliver konsistente i hele din app.126 IconFree Et konsistent bibliotek af ikoner i én ren stil.127 ImageFree Billeder med obligatorisk alternativ tekst, billedtekster og udskudt indlæsning.128 ImageGalleryFree Et gitter af miniaturer, der åbner i en fuldskærmsfremviser.129 AvatarFree Sæt et ansigt eller initialer ved siden af hvert navn og gør lister mere personlige.130 AvatarGroupFree Vis et helt team på lidt plads, med et enkelt +n for resten.131 LinkFree Links, der ser rigtige ud og håndterer eksterne adresser sikkert.132 StatisticFree Store tal med mærkat og tendens, lavet til dashboards.133 DescriptionsFree Vis detaljerne for en post i et pænt gitter, der også passer på små skærme.134 TimelineFree Fortæl historien om en post som en lodret række af begivenheder.135 CarouselFree Præsentér højdepunkter som slides, med kontroller, folk kan sætte på pause.136 CountdownFree Tæl ned til en lancering, en frist eller et tilbud.137 HighlighterFree Markér søgetræffene i teksten, så brugerne finder dem med det samme.138 MarqueeFree Et rullende bånd til korte meddelelser, som brugerne kan sætte på pause.139 CodeBlockFree Vis kode læsbart, med let syntaksfarvning.140 MarkdownFree Vis Markdown-tekst flot, med sikker håndtering af links og HTML.141 QrCodeFree Opret QR-koder på din side uden en billedtjeneste.142 BarcodeFree Udskriv scanbare stregkoder direkte fra din app uden en billedtjeneste.143 PricingTableFree Plankort med priser, funktioner og en måneds- eller årsskifter.144 CommentThreadFree Tilføj diskussioner til enhver post, med svar og et felt til nye kommentarer.145 ActivityFeedFree Vis, hvem der gjorde hvad og hvornår, grupperet efter dag, så teams altid ved, hvad der er ændret.

Lette data 5 kontroller

146 TableFree En pæn tabel til simple, statiske data.147 ListFree Lister med ikoner, to linjers tekst og handlinger på hver række.148 RepeaterFree Vis en liste med din egen skabelon, overskrift og besked om tom liste.149 VirtualListFree Rul jævnt gennem hundredtusindvis af elementer.150 PropertyGridFree Redigér egenskaberne for ethvert objekt i en ryddelig grupperet liste.

Træk 1 kontroller

151 SortableFree Lad brugerne omarrangere en liste ved at trække eller med knapper.

Præferencer 4 kontroller

152 ThemeToggleFree Skift mellem lyse og mørke temaer med ét klik.153 ThemeMenuFree Lad brugerne vælge tema og tæthed fra én menu.154 DensityToggleFree Lad brugerne vælge mellem den komfortable og den kompakte tæthed i hele applikationen.155 LanguageToggleFree Skift sproget i hele grænsefladen, engelsk eller bulgarsk, med én kontrol.

Værktøjer 5 kontroller

156 BreakpointObserverFree Byg layouts, der reagerer på skærmstørrelsen med ét enkelt signal.157 FullscreenFree Lad brugerne forstørre diagrammer, billeder eller editorer til fuld skærm.158 HotkeyFree Tilføj tastaturgenveje, som superbrugere vil elske.159 InfiniteScrollFree Indlæs mere indhold, når læseren når enden af en liste.160 ScrollToTopFree En knap, der fører læserne tilbage til toppen.

Klar til at bygge med RayCraft?

Start gratis, eller fortæl os om dit projekt.

Kom gratis i gang