Skip to main content

Activity for ds.twiceware.de

Active on:

Loading activity...

Dependabot, I don't like you, either!

Bluesky network8d ago

Instead of an Easter lamb, an app over the holidays. Fortunately, my component library has survived the update to InertiaJS 3. #haraka #smtp #dropbox #buildinpublic #email

Screenshot of the profile section in a web app.
Bluesky network1mo ago

github.com/dspangenberg... Need to get emails easily into your #saas via a webhook? Give the Haraka SMTP Email Server and the dropbox-plugin a try. #haraka #smtp #dropbox #buildinpublic #email

Bluesky network1mo ago

PDF-Container / PDF-Viewer React Shadcn #react #shadcn

Screenshot of the PdfContainer
Bluesky network4mo ago

Alert dialog with promise #react #shadcn

Bluesky network4mo ago

Sneak preview: A DRYer form with precognition. #reactjs #shadcn #intertiajs #laravel

import { DemoContainer } from '@/components/docs/DemoContainer'
import { Button } from '@/components/twc-ui/button'
import { Form, useForm } from '@/components/twc-ui/form'
import { FormGroup } from '@/components/twc-ui/form-group'
import { TextField } from '@/components/twc-ui/textfield'
import { Head } from '@inertiajs/react'

interface Props {
  contact: App.Data.ContactData
}

export default function FormDemo ({ contact }: Props) {
  const form = useForm<App.Data.ContactData>(
    'contact-form',
    'post',
    route('contact.store'),
    contact
  )

  return (
    <DemoContainer>
      <Head title="Form Demo" />
      <Form form={form} errorVariant="field">
        <FormGroup>
          <div className="col-span-12">
            <TextField
              label="First name"
              {...form.register('first_name')}
            />
          </div>
          <div className="col-span-12">
            <TextField
              label="Last name"
              {...form.register('last_name')}
            />
          </div>
          <div className="col-span-12">
            <TextField
              label="E-Mail"
              {...form.register('email')}
            />
          </div>
          <div className="col-span-12">
            <Button title="Save" type="submit" />
          </div>
        </FormGroup>
      </Form>
    </DemoContainer>
  )
}
Bluesky network10mo ago