Skip to content

Commit 1df77ce

Browse files
committed
fixi(NeTextInput): minor fixes
1 parent c5069b0 commit 1df77ce

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed

src/components/NeTextInput.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ const props = defineProps({
4747
},
4848
clearSearchLabel: {
4949
type: String,
50-
default: 'Clear search'
50+
default: 'Clear'
5151
},
5252
isPassword: {
5353
type: Boolean,
@@ -234,7 +234,7 @@ function clearText() {
234234
v-else-if="isSearch && modelValue"
235235
class="absolute inset-y-0 right-0 flex items-center pr-3"
236236
>
237-
<button type="button" :disabled="disabled" @click="clearText">
237+
<button type="button" :disabled="disabled" class="flex items-center" @click="clearText">
238238
<span class="sr-only">{{ clearSearchLabel }}</span>
239239
<FontAwesomeIcon
240240
:icon="faXmark"

stories/NeTextInput.stories.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const meta = {
2020
invalidMessage: '',
2121
optional: false,
2222
isSearch: false,
23-
clearSearchLabel: 'Clear search',
23+
clearSearchLabel: 'Clear',
2424
disabled: false,
2525
id: '',
2626
isPassword: false,
@@ -33,7 +33,7 @@ const meta = {
3333
export default meta
3434
type Story = StoryObj<typeof meta>
3535

36-
const template = '<NeTextInput v-bind="args" class="max-w-md" />'
36+
const template = '<NeTextInput v-bind="args" class="max-w-xs" />'
3737

3838
export const Default: Story = {
3939
render: (args) => ({
@@ -100,10 +100,10 @@ export const Password: Story = {
100100
},
101101
template: template
102102
}),
103-
args: { isPassword: true, label: 'Enter password', placeholder: '' }
103+
args: { isPassword: true, label: 'Enter password', placeholder: 'Current password' }
104104
}
105105

106-
const typeNumberTemplate = '<NeTextInput v-bind="args" type="number" class="max-w-md" />'
106+
const typeNumberTemplate = '<NeTextInput v-bind="args" type="number" class="max-w-xs" />'
107107

108108
export const TypeNumber: Story = {
109109
render: (args) => ({
@@ -117,7 +117,7 @@ export const TypeNumber: Story = {
117117
}
118118

119119
const templateWithTooltip =
120-
'<NeTextInput v-bind="args" class="max-w-md">\
120+
'<NeTextInput v-bind="args" class="max-w-xs">\
121121
<template #tooltip>\
122122
<NeTooltip>\
123123
<template #content>Tooltip</template>\

0 commit comments

Comments
 (0)