Skip to main content

Form Elements

Input: Text​

src/App.js
import React from 'react'
import Input from './components/minute-components/forms/input/Input'

export default function App() {
  return (
    <div>
      <Input id="<assign_unique_id>" name="First Name" />
    </div>
  )
}

Check the modified changes on http://localhost:3000.

text

Input: File​

src/App.js
import React from 'react'
import File from './components/minute-components/forms/input/File'

export default function App() {
  return (
    <div>
      <File id="<assign_unique_id>" />
    </div>
  )
}

file

Calendar​

src/App.js
import React from 'react'
import Calendar from './components/minute-components/forms/Calendar'

export default function App() {
  return (
    <div>
      <Calendar />
    </div>
  )
}

calendar

src/App.js
import React from 'react'
import Dropdown from './components/minute-components/forms/dropdown/Dropdown'

export default function App() {
  return (
    <div>
      <Dropdown />
    </div>
  )
}

Checkbox​

src/App.js
import React from 'react'
import Checkbox from './components/minute-components/forms/checkbox/Checkbox'
export default function App() {
  return (
    <div>
      <Checkbox />
    </div>
  )
}