Skip to content

Commit

Permalink
feat: random changes
Browse files Browse the repository at this point in the history
  • Loading branch information
kostasdano committed Oct 26, 2023
1 parent ad3fb3f commit c0fd4aa
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 24 deletions.
1 change: 0 additions & 1 deletion src/components/Select/Select.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,6 @@ import Overview from '../../storybook/Overview';
'If you need to select and enter an item from a dropdown list that features more than seven items, use searchable select.',
'If you need to be able to enter free text entry in addition to choosing form a predefined list, use searchable select',
'If you need to enter more than one values from a predefined list, use multiselect',
`If you need to enter more than one values from a predefine list and as free text, use multiselect`,
]}
/>

Expand Down
12 changes: 6 additions & 6 deletions src/components/TextArea/TextArea.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -70,9 +70,9 @@ TextArea with or without placeholder
<Preview>
<Story name="TextArea with Placeholder">
<Stack>
<TextArea label={'Label'} cols={10} rows={5} isResizeEnabled={false} />
<TextArea label={'TextArea'} cols={10} rows={5} isResizeEnabled={false} />
<TextArea
label={'Label'}
label={'TextArea'}
cols={10}
rows={5}
placeholder={'Placeholder'}
Expand All @@ -89,7 +89,7 @@ TextArea and how to change size with cols and rows
<Preview>
<Story name="TextArea with Resizing Option">
<Stack>
<TextArea label={'Label'} cols={10} rows={5} />
<TextArea label={'TextArea'} cols={10} rows={5} />
</Stack>
</Story>
</Preview>
Expand All @@ -112,7 +112,7 @@ TextArea with maximum characters indicated by a counter.
const handleChange = (e) => setValue(e.target.value);
return (
<TextArea
label={'Label'}
label={'TextArea'}
value={value}
onChange={handleChange}
cols={10}
Expand Down Expand Up @@ -179,7 +179,7 @@ Regular TextArea disabled with label
<Stack>
<TextArea
isDisabled
label={'Label'}
label={'TextArea'}
cols={10}
rows={5}
status={{
Expand All @@ -203,7 +203,7 @@ Regular TextArea disabled with label
return (
<TextArea
value={value}
label={text('Label', 'Label')}
label={text('Label', 'TextArea')}
onChange={handleChange}
placeholder={text('Placeholder', 'Placeholder')}
isDisabled={boolean('isDisabled', false)}
Expand Down
24 changes: 7 additions & 17 deletions src/components/TextField/TextField.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ Single TextField with or without Placeholder
<Preview>
<Story name="TextField with Placeholder">
<Stack>
<TextField label={'Label'} />
<TextField label={'Label'} placeholder={'Placeholder'} />
<TextField label={'TextField'} />
<TextField label={'TextField'} placeholder={'Placeholder'} />
</Stack>
</Story>
</Preview>
Expand Down Expand Up @@ -131,23 +131,13 @@ The mask rules are the following:

### TextField with Icon

TextField with icon options right of the text, either as external image or one of the available ictinus Icons.
TextField with icon options right of the text.

<Preview>
<Story name="TextField with Icon">
<Stack>
<TextField
label={'Label'}
suffix={
<img
style={{ background: 'red' }}
src="https://brandmark.io/logo-rank/random/pepsi.png"
width="16"
height="16"
/>
}
/>
<TextField label={'Label'} suffix={'keyword'} />
<TextField label={'TextField'} suffix={'search'} />
<TextField label={'TextField'} suffix={'calendarEmpty'} />
</Stack>
</Story>
</Preview>
Expand Down Expand Up @@ -203,7 +193,7 @@ Disabled TextField.
<Stack>
<TextField
isDisabled
label={'Label'}
label={'TextField'}
status={{
type: 'normal',
hintMessage: 'This field is disabled',
Expand All @@ -219,7 +209,7 @@ Disabled TextField.
<Story name="Playground" parameters={{ decorators: [withKnobs] }}>
<Stack>
<TextFieldShowCase
label={text('Label', 'Label')}
label={text('Label', 'TextField')}
placeholder={text('Placeholder', 'Placeholder')}
isDisabled={boolean('isDisabled', false)}
hasSuffix={boolean('hasSuffixIcon', false)}
Expand Down

0 comments on commit c0fd4aa

Please sign in to comment.