Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
<template>
	<div>
		<h2>TextBox Addons</h2>
		<div style="margin-bottom:10px">
			<TextBox placeholder="With icons" style="width:300px">
				<Addon>
					<span class="textbox-icon icon-add"></span>
					<span class="textbox-icon icon-remove"></span>
					<span class="textbox-icon icon-search"></span>
				</Addon>
			</TextBox>
		</div>
		<div style="margin-bottom:10px">
			<TextBox placeholder="Icons on left" style="width:300px">
				<Addon align="left">
					<span class="textbox-icon icon-add"></span>
					<span class="textbox-icon icon-remove"></span>
					<span class="textbox-icon icon-search"></span>
				</Addon>
			</TextBox>
		</div>
		<div style="margin-bottom:10px">
			<TextBox placeholder="With button" style="width:300px;height:30px">
				<Addon>
					<LinkButton iconCls="icon-search" :btnStyle="{borderRadius:0,borderWidth:'0 0 0 1px',width:'70px',height:'30px'}">Search</LinkButton>
				</Addon>
			</TextBox>
		</div>
		<div style="margin-bottom:10px">
			<TextBox placeholder="With button" style="width:300px;height:30px">
				<Addon align="left">
					<LinkButton iconCls="icon-search" :btnStyle="{borderRadius:0,borderWidth:'0 1px 0 0',width:'70px',height:'30px'}">Search</LinkButton>
				</Addon>
				<Addon align="right">
					<span class="textbox-icon icon-add"></span>
					<span class="textbox-icon icon-remove"></span>
					<span class="textbox-icon icon-search"></span>
				</Addon>
			</TextBox>
		</div>
	</div>
</template>

<script>
export default {};
</script>