You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
555 B
18 lines
555 B
3 years ago
|
import React from 'react'
|
||
|
|
import { TextArea, Box } from '../..'
|
||
|
|
import StoryWrapper from '../../utils/story-wrapper'
|
||
|
|
|
||
|
|
export default { title: 'DesignSystem/Atoms/TextArea' }
|
||
|
|
|
||
|
|
export const Default: React.FC = () => (
|
||
|
|
<Box width={1}>
|
||
|
|
<StoryWrapper label="Regular example">
|
||
|
|
<TextArea id="input1" placeholder="Simple textarea field..." width={1} />
|
||
|
|
</StoryWrapper>
|
||
|
|
<StoryWrapper label="Without border and huge">
|
||
|
|
<TextArea id="input2" placeholder="Huge borderless" width={1} borderless variant="xl" />
|
||
|
|
</StoryWrapper>
|
||
|
|
</Box>
|
||
|
|
|
||
|
|
)
|