Browse Source

[demo] 在按钮组件中添加右侧图标的按钮示例

dufu1991 1 year ago
parent
commit
21db8aa08d

+ 2 - 0
packages/stdf/src/routes/button/en_US/+page.svelte

@@ -86,6 +86,8 @@
 		<div class="p-4 font-bold">With icon</div>
 		<Button icon={{ name: 'ri-share-forward-2-fill', size: 18 }}>Throw the two way foil</Button>
 		<Button fill="lineTheme" icon={{ name: 'ri-mic-off-fill', size: 16 }}>Start the surface wall plan</Button>
+		<Button icon={{ name: 'ri-share-forward-2-fill', size: 18 }} iconPosition="right">Throw the two way foil</Button>
+		<Button fill="lineTheme" icon={{ name: 'ri-mic-off-fill', size: 16 }} iconPosition="right">Start the surface wall plan</Button>
 	</div>
 	<div>
 		<div class="p-4 font-bold">With loading (disabled by default)</div>

+ 4 - 0
packages/stdf/src/routes/button/zh_CN/+page.svelte

@@ -84,6 +84,10 @@
 	</div>
 	<div>
 		<div class="p-4 font-bold">带图标</div>
+		<Button icon={{ name: 'ri-share-forward-2-fill', size: 18 }}>投掷二向箔</Button>
+		<Button fill="lineTheme" icon={{ name: 'ri-mic-off-fill', size: 16 }}>启动面壁计划</Button>
+		<Button icon={{ name: 'ri-share-forward-2-fill', size: 18 }} iconPosition="right">投掷二向箔</Button>
+		<Button fill="lineTheme" icon={{ name: 'ri-mic-off-fill', size: 16 }} iconPosition="right">启动面壁计划</Button>
 	</div>
 	<div>
 		<div class="p-4 font-bold">带加载(默认禁用)</div>