chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: add pill button param

Browse source
This commit is contained in:
Methapon Metanipat 2024-11-12 15:23:18 +07:00
parent 082310d95c
commit 8a2a010776
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/button/MainButton.vue
View file

@ -10,6 +10,7 @@ defineProps<{
iconOnly?: boolean; iconOnly?: boolean;
solid?: boolean; solid?: boolean;
outlined?: boolean; outlined?: boolean;
pill?: boolean;
disabled?: boolean; disabled?: boolean;
dark?: boolean; dark?: boolean;
}>(); }>();
@ -22,6 +23,7 @@ defineProps<{
:class="{ :class="{
'main-btn__solid': solid && !outlined, 'main-btn__solid': solid && !outlined,
'main-btn__outline': !solid && outlined, 'main-btn__outline': !solid && outlined,
'main-btn__pill': pill,
'main-btn__dark': dark, 'main-btn__dark': dark,
'main-btn__icon-only': iconOnly, 'main-btn__icon-only': iconOnly,
}" }"
@ -113,4 +115,8 @@ defineProps<{
border: 1px solid hsla(0 0% 0% / 0.3); border: 1px solid hsla(0 0% 0% / 0.3);
} }
} }
.main-btn__pill {
border-radius: 999rem;
}
</style> </style>