Alurkerja v1.0.0@Beta

FormLowcodeLite

Komponen ini digunakan untuk membuat form menggunakan spec tidak include fungsi CRUD

Tipe Form yang tersedia

  1. INPUT_TEXT
  2. INPUT_NUMBER
  3. INPUT_DATETIME-LOCAL
  4. INPUT_TEXTAREA
  5. INPUT_DATE
  6. INPUT_RADIO
  7. INPUT_CHECKBOX
    option 1
    option 2
  8. INPUT_SWITCH
    Ya
    Tidak
  9. INPUT_TABLE
  10. INPUT_FOREIGN-SELECT
    Select...
  11. INPUT_SELECT
    Select...

Base

Ya
Tidak
Select...
Typescript
import { FormLowcodeLite } from 'alurkerja-ui'
export const FormLowcodeLitePage = () => {
	const spec = [
          {
            form_field_type: 'INPUT_TEXT',
            label: 'Nama',
            name: 'nama.tes',
            type: 'text',
          },
          {
            form_field_type: 'INPUT_TEXT',
            label: 'No. Hp',
            name: 'handphone',
            type: 'number',
          },
          {
            form_field_type: 'INPUT_TEXTAREA',
            label: 'Alamat',
            name: 'addres',
            type: 'text',
          },
          {
            form_field_type: 'INPUT_SWITCH',
            label: 'required',
            name: 'required',
            type: 'text',
          },
          {
            form_field_type: 'INPUT_SELECT',
            label: 'Tes',
            name: 'tes',
            type: 'text',
            select_options: {
              method: 'GET',
              option_key: 'id',
              option_label: 'nama',
              options: [
                {
                  key: 1,
                  label: 'Menu1',
                },
                {
                  key: 2,
                  label: 'Menu2',
                },
              ],
            },
          },
        ]

	return(
		<FormLowcodeLite
		  baseUrl="https://alurkerja-ui-bot.vercel.app"
		onCancel={(_reset) => {}}
		  onSubmit={(data) => console.log(data)}
	)
}

Props