Java
A redirect ==i== s a page that automatically redirects the reader's browser to a specified target page. Redirects are used to help users locate information and keep wikis organized, so that multiple names, abbreviations, misspellings, or related topics can all point to the s
am
baguhine page .₩🉑️body { background-color: lightblue; }
h1 { color: white; text-align: center; }
p { font-family: verdana; }==body== {
background-color: [[lightilo:Google Lensblue]];
}
Isa itong pahinang pang-impormasyon. Hindi ito isa sa mga patakaran o gabay sa Wikipedia, sa halip, nilalayon nito na isalarawan ang ilang (mga) aspeto ng Wikipedia:Images. Maaring sinasalamin nito ang iba't ibang antas ng konsenso at maingat na pagsusuri. |
|} ==h1=={
color: white; text-align: [[centerWikidata]];
Isa itong pahinang pang-impormasyon. Hindi ito isa sa mga patakaran o gabay sa Wikipedia, sa halip, nilalayon nito na isalarawan ang ilang (mga) aspeto ng Wikipedia:Images. Maaring sinasalamin nito ang iba't ibang antas ng konsenso at maingat na pagsusuri. |
https://ilo.wikipedia.org/wiki/LarendoValdez
|} ==p== {
font-family: [[verdanailo:Pahintulot]];
}NPMMediaWiki
vue<template> <cdx-button-group :buttons="buttons" :disabled="disabled" @click="onClick" /> </template> <script> import { defineComponent } from 'vue'; import { CdxButtonGroup } from '@wikimedia/codex'; export default defineComponent( { name: 'BasicButtonGroup', components: { CdxButtonGroup }, props: { disabled: { type: Boolean, default: false } }, setup() { const buttons = [ { value: 1, label: 'One' }, { value: 2, label: 'Two' }, { value: 3, label: 'Three' }, { value: 4, label: 'Four' }, { value: 5, label: 'Five' } ]; function onClick( value ) { // eslint-disable-next-line no-console console.log( 'click event emitted with value:', value ); } return { buttons, onClick }; } } ); </script>
<template> <cdx-button-group :buttons="buttons" :disabled="disabled" @click="onClick" /> </template>
<script> import { defineComponent } from 'vue'; import { CdxButtonGroup } from '@wikimedia/codex';
export default defineComponent( { name: 'BasicButtonGroup', components: { CdxButtonGroup }, props: { disabled: { type: Boolean, default: false } }, setup() { const buttons = [ { value: 1, label: 'One' }, { value: 2, label: 'Two' }, { value: 3, label: 'Three' }, { value: 4, label: 'Four' }, { value: 5, label: 'Five' } ];
function onClick( value ) { // eslint-disable-next-line no-console console.log( 'click event emitted with value:', value ); }
return { buttons, onClick }; } } ); </script>NPMMediaWiki
vue<template> <cdx-button-group :buttons="buttons" @click="onClick" /> </template> <script> import { defineComponent } from 'vue'; import { CdxButtonGroup } from '@wikimedia/codex'; import { cdxIconEdit, cdxIconSpeechBubble, cdxIconCheck, cdxIconDownload, cdxIconTrash } from '@wikimedia/codex-icons'; export default defineComponent( { name: 'ButtonGroupWithIcons', components: { CdxButtonGroup }, setup() { const buttons = [ { value: 'edit', label: 'Edit', icon: cdxIconEdit }, { value: 'talk', label: 'Discuss', icon: cdxIconSpeechBubble }, { value: 'save', label: 'Done', icon: cdxIconCheck }, { value: 'download', label: 'Download', icon: cdxIconDownload }, { value: 'delete', label: 'Delete', icon: cdxIconTrash } ]; function onClick( value ) { // eslint-disable-next-line no-console console.log( 'click event emitted with value:', value ); } return { buttons, onClick }; } } ); </script>
<template> <cdx-button @click="onClick"> <cdx-icon :icon="cdxIconDownload" /> Download </cdx-button> </template>
<script> import { defineComponent } from 'vue'; import { CdxButton, CdxIcon } from '@wikimedia/codex'; import { cdxIconDownload } from '@wikimedia/codex-icons';
export default defineComponent( { name: 'ButtonWithIcon', components: { CdxButton, CdxIcon }, setup() { function onClick() { // eslint-disable-next-line no-console console.log( 'click event emitted' ); }
return { cdxIconDownload, onClick }; } } ); </script>NPMMediaWiki
vue<template> <cdx-button aria-label="Back" @click="onClick"> <cdx-icon :icon="cdxIconEdit" /> </cdx-button> </template> <script> import { defineComponent } from 'vue'; import { CdxButton, CdxIcon } from '@wikimedia/codex'; import { cdxIconEdit } from '@wikimedia/codex-icons'; export default defineComponent( { name: 'IconOnlyButton', components: { CdxButton, CdxIcon }, setup() { function onClick() { // eslint-disable-next-line no-console console.log( 'click event emitted' ); } return { cdxIconEdit, onClick }; } } ); </script>
NPMMediaWiki
vue<template> <form> <cdx-field> <cdx-text-input ref="textInput" v-model="inputValue" placeholder="e.g. http://example.com" input-type="url" @input="onInput" /> <template #label> URL or citation </template> <template #help-text> URL's should use a format such as http://example.com </template> </cdx-field> <cdx-button class="cdx-demo-form-button" :disabled="isDisabled" @click.prevent="onSubmit" > Generate </cdx-button> </form> </template> <script> import { defineComponent, ref } from 'vue'; import { CdxButton, CdxField, CdxTextInput } from '@wikimedia/codex'; export default defineComponent( { name: 'FieldWithValidation', components: { CdxButton, CdxField, CdxTextInput }, setup() { const textInput = ref(); const inputValue = ref( ); const isDisabled = ref( true ); function onInput() { isDisabled.value = !textInput.value.checkValidity() || inputValue.value.length === 0; } function onSubmit() { // eslint-disable-next-line no-console console.log( 'Success!' ); } return { textInput, inputValue, isDisabled, onInput, onSubmit }; } } ); </script> <style lang="less"> @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-form-button { margin-top: @spacing-75; } </style> https://tenor.com/view/thanks-bro-pusheen-gif-13278146
Isa itong pahinang pang-impormasyon. Hindi ito isa sa mga patakaran o gabay sa Wikipedia, sa halip, nilalayon nito na isalarawan ang ilang (mga) aspeto ng Wikipedia:Images. Maaring sinasalamin nito ang iba't ibang antas ng konsenso at maingat na pagsusuri. |
https://support.google.com/chrome?p=create_passphrase
|
|
NPMMediaWiki vue<template>
</template> <script> import { defineComponent } from 'vue'; import { CdxButton } from '@wikimedia/codex'; export default defineComponent( { name: 'ButtonTypes', components: { CdxButton } } ); </script> <style lang="less"> @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-button-types { display: flex; flex-direction: column; gap: @spacing-100; > div { display: flex; gap: @spacing-75; } } </style>