fn-wikipedia-search

Docs

Attributes & default values

• searchLangId="en"
• buttonText="Search"
• placeHolder="Search on Wikipedia"
• maxEntries="12"

CSS Variables & default values

• --link-color: blue;
• --border-radius: 0px;
• --border: 1px solid grey;
• --form-background: antiquewhite;
• --form-color: black;
• --form-font: font-family: 'Times New Roman', Times, serif;
• --form-font-size: large;

Usage

• Download component here
• Put it where your web page can find it [...]
• Embed it in the head of your page
  <script type="module" src="[...]/fn-wikipedia-search.js"></script>
• Write some html in the body of your page
  <fn-wikipedia-search buttonText="Search" searchLangId="en"></fn-wikipedia-search>
• Style it like so
• Look at the source code of this page to see how everything works