Danny Spangenberg

@ds.twiceware.de

29 Followers 165 Following

Freelance full-stack web developer seeking new projects or permanent employment – preferred in the SaaS sector — in the Cologne/Bonn metropolitan area. https://github.com/dspangenberg/ https://sifa.id/p/ds.twiceware.de

Screenshot of the Personal access tokens section in a web app.
Screenshot of the profile section in a web app.
Screenshot of the PdfContainer
import { AlertDialog } from "@/components/twc-ui/alert-dialog"; const doSomething = async () => { const confirmed = await AlertDialog.call({ title: "Are you absolutely sure?", message: "This action cannot be undone. This will permanently delete your account and remove your data from our servers.", buttonTitle: "Delete Account", variant: "destructive" }); };
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> ) }