Default Example

                    
jQuery(document).ready(function () {
    jQuery("#example1").passwordGenerator();
});
                    
                

Customized Example

                    
jQuery(document).ready(function () {
    jQuery("#example2").passwordGenerator({
		defaultSelectedLength: 5,
		defaultLength: 10,
		numbers: false,
		symbols: false,
		text: {
			length: "Length",
			uppercase: "Uppercase letters",
			lowercase: "Lowercase letters",
			button: "Generate",
			clipboardText: "Copied",
		},
		theme: {
			backgroundColor: "#000",
			color: "#fff",
			border: "none",
			buttonColor: "transparent",
			buttonTextColor: "#fff",
			buttonBorderColor: "#fff",
			lengthBackgroundColor: "rgba(255,255,255,.15)",
			lengthColor: "#fff",
			rangeColor: "transparent",
			rangeTextColor: "#fff",
			rangeBorderColor: "transparent",
			resultsBackgroundColor: "#fff",
			resultsColor: "#2196f3",
			clipBoardColor: "#2196f3",
			item: "#2196f3",
			itemBorder: "#000",
		},
	});
});
                    
                

Default Options

                    
defaultSelectedLength: 10,
defaultLength: 20,
uppercase: true,
lowercase: true,
numbers: true,
symbols: true,
text: {
    length: "Password Length",
    uppercase: "Include uppercase letters",
    lowercase: "Include lowercase letters",
    numbers: "Include numbers",
    symbols: "Include symbols",
    button: "Generate Password",
    clipboardText: "Copied to clipboard",
},
theme: {
    backgroundColor: "#fff",
    color: "#333",
    border: "1px solid #c0c0c0",
    buttonColor: "#fff",
    buttonTextColor: "#333",
    buttonBorderColor: "#c0c0c0",
    lengthBackgroundColor: "#efefef",
    lengthColor: "#333",
    rangeColor: "#fff",
    rangeTextColor: "#333",
    rangeBorderColor: "#c0c0c0",
    resultsBackgroundColor: "#efefef",
    resultsColor: "#333",
    clipBoardColor: "#333",
    item: "#2196f3",
    itemBorder: "#2196f3",
},