Components Test

code

Example Test :

<button data-testid="button-native-disabled" type="submit" disabled>
  Button Native Disabled
</button>

Example Test :

test('Test toBeDisabled', () => {
  render(<Native />)
  const button = screen.getByTestId('button-native-disabled')
  expect(button).toBeDisabled()
})
avatar
Image Component
Image Component
progress
50 %
spinner
snippet
$yarn add @heroicons/react
statusindicator
Status Normal
Success
Warning
textarea

radio

checkbox

select

input

inputpassword

button
buttonoutline
alert
Alert
Alert Pills
Alert Large
alertoutline
Alert Outline
Alert Outline Pills
Alert Outline Large
badge
BadgeBadge PillsBadge Large
badgeoutline
Badge OutlineBadge Outline PillsBadge Outline Large
heading

Heading

kbd
Ctrl
label
note
Note Title : Note Description
text

Text

divider
Divider Text Center
card

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

container

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

section

Section Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

1