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
e page
.₩**🉑️**body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
}==body== {
  background-color: [light[:ilo:Google Lensblue]];
}

**Images make Wikipedia more informative, accessible, and professional.**
|}
==h1=={
  color: white;
  text-align: [center[Wikidata]];
}

 https://ilo.wikipedia.org/wiki/LarendoValdez 

**Images make Wikipedia more informative, accessible, and professional.**
|}
==p== {
  font-family: [verdana[:ilo:Pahintulot]];
}NPMMediaWiki

vue 	   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 		}; 	} } ); 

	

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
		};
	}
} );
NPMMediaWiki

vue 	   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 		}; 	} } ); 

	
		
		Download
	

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
		};
	}
} );
NPMMediaWiki

vue 	 		 	   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 		}; 	} } ); 

NPMMediaWiki

vue 	 		 			 			 				URL or citation 			 			 				URL's should use a format such as http://example.com 			 		 		 			Generate 		 	   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 		}; 	} } );   @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-form-button { 	margin-top: @spacing-75; } 
https://tenor.com/view/thanks-bro-pusheen-gif-13278146

**Images make Wikipedia more informative, accessible, and professional.**
https://support.google.com/chrome?p=create_passphrase

|

|}NPMMediaWiki

vue 	 		 			 				Normal neutral 			 			 				Quiet neutral 			 		 		 			 				Normal progressive 			 			 				Primary progressive 			 			 				Quiet progressive 			 		 		 			 				Normal destructive 			 			 				Primary destructive 			 			 				Quiet destructive 			 		 	   import { defineComponent } from 'vue'; import { CdxButton } from '@wikimedia/codex'; export default defineComponent( { 	name: 'ButtonTypes', 	components: { CdxButton } } );   @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; 	} }