Fixed #5727 - Removed utility classes

This commit is contained in:
Cagatay Civici 2024-05-13 17:02:20 +03:00
parent caa55a3f9f
commit 45c4fe79bb
32 changed files with 93 additions and 175 deletions

View file

@ -4,13 +4,11 @@
</DocSectionText>
<div class="card">
<div class="flex flex-wrap align-items-center mb-3 gap-2">
<label for="username" class="p-sr-only">Username</label>
<InputText id="username" placeholder="Username" invalid />
<InputText placeholder="Username" aria-label="username" invalid />
<InlineMessage>Username is required</InlineMessage>
</div>
<div class="flex flex-wrap align-items-center gap-2">
<label for="email" class="p-sr-only">email</label>
<InputText id="email" placeholder="Email" invalid />
<InputText placeholder="Email" aria-label="email" invalid />
<InlineMessage />
</div>
</div>
@ -24,13 +22,11 @@ export default {
code: {
basic: `
<div class="flex flex-wrap align-items-center mb-3 gap-2">
<label for="username" class="p-sr-only">Username</label>
<InputText id="username" placeholder="Username" invalid />
<InputText placeholder="Username" aria-label="username" invalid />
<InlineMessage>Username is required</InlineMessage>
</div>
<div class="flex flex-wrap align-items-center gap-2">
<label for="email" class="p-sr-only">email</label>
<InputText id="email" placeholder="Email" invalid />
<InputText placeholder="Email" aria-label="email" invalid />
<InlineMessage />
</div>
`,
@ -38,13 +34,11 @@ export default {
<template>
<div class="card">
<div class="flex flex-wrap align-items-center mb-3 gap-2">
<label for="username" class="p-sr-only">Username</label>
<InputText id="username" placeholder="Username" invalid />
<InputText placeholder="Username" aria-label="username" invalid />
<InlineMessage>Username is required</InlineMessage>
</div>
<div class="flex flex-wrap align-items-center gap-2">
<label for="email" class="p-sr-only">email</label>
<InputText id="email" placeholder="Email" invalid />
<InputText placeholder="Email" aria-label="email" invalid />
<InlineMessage />
</div>
</div>
@ -57,13 +51,11 @@ export default {
<template>
<div class="card">
<div class="flex flex-wrap align-items-center mb-3 gap-2">
<label for="username" class="p-sr-only">Username</label>
<InputText id="username" placeholder="Username" invalid />
<InputText placeholder="Username" aria-label="username" invalid />
<InlineMessage>Username is required</InlineMessage>
</div>
<div class="flex flex-wrap align-items-center gap-2">
<label for="email" class="p-sr-only">email</label>
<InputText id="email" placeholder="Email" invalid />
<InputText placeholder="Email" aria-label="email" invalid />
<InlineMessage />
</div>
</div>