javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

added dear designer page for tag

Browse Source
This commit is contained in:
Jessica Mendes
2024-06-14 09:14:31 +01:00
parent 44103e813c
commit fc9c5ecd30
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
core/src/theme-ionic/test/dear-designer-tag/index.html
View File

@@ -62,12 +62,12 @@
<ion-chip class="info-tag">Info Tag</ion-chip>
<ion-chip class="info-tag margin-left-10">
<ion-avatar size="xsmall"> <img alt="Silhouette of a person's head" src="/src/theme-ionic/test/assets/avatar.png" /></ion-avatar>
<ion-label>Employee</ion-label>
<ion-label>Info tag</ion-label>
</ion-chip>
<ion-chip class="info-tag margin-left-10">
<ion-icon src="/src/theme-ionic/test/assets/user.svg"></ion-icon>
<ion-label>Employee</ion-label>
<ion-label>Info tag</ion-label>
</ion-chip>
</ion-col>
<ion-col></ion-col>
@@ -111,7 +111,7 @@
<ion-col></ion-col>
<ion-col size="10">
<h2 class="title">Shape</h2>
<ion-text class="subtitle">Default avatars come in 3 shapes: Rounded, Soft and Rectangular. <br>
<ion-text class="subtitle">Default tags come in 3 shapes: Rounded, Soft and Rectangular. <br>
The default Shape is Round. </ion-text>
</ion-col>
<ion-col></ion-col>
@@ -146,6 +146,18 @@
<ion-col size="1"></ion-col>
</ion-row>
<ion-row>
<ion-col></ion-col>
<ion-col size="10">
<h2 class="title">Disabled</h2>
<ion-text class="subtitle">Tags can be disabled</ion-text>
<ion-chip disabled class="info-tag">Info Tag</ion-chip>
</ion-col>
<ion-col></ion-col>
</ion-row>
<ion-row>
<ion-col></ion-col>