--- name: Study List menu: Views route: views/studyList --- import { useState } from 'react' import { Playground, Props } from 'docz'; import StudyList from './'; import Button from '../../components/Button'; import { getMockedStudies } from '../../utils/' # StudyList Description... ## Import ```javascript import { StudyList } from '@ohfi/ui'; ``` ## StudyList {() => { const [studies, setStudies] = useState([]) const handleStudyList = (number) => { const studies = getMockedStudies(number) setStudies(studies) } return ( handleStudyList(0)}>0 Studies handleStudyList(50)}>50 Studies handleStudyList(100)}>100 Studies handleStudyList(1000)}>1000 Studies ); }} ## Properties