@col/auth-split
v1.0.0
npx shadcn add @col/auth-split
Twee soorten inlogscherm
Dit design system heeft er twee, en je kiest per app. AuthSplit zet het formulier naast een foto: rustig en goed leesbaar, want de tekst staat op de gewone achtergrond. AuthShell zet de foto juist áchter een kaart, met een donkere laag ertussen — meer sfeer, meer nadruk op het beeld. Beide zijn goed; het is een keuze, geen rangorde.
Foto rechts (standaard)
venster 1280px · 75% weergegevenFoto links
venster 1280px · 75% weergegevenMet een melding bovenaan
venster 1280px · 75% weergegevenBreed scherm
venster 1600px · 60% weergegevenOp een smal scherm
Onder de lg-breakpoint verdwijnt de foto en houdt het formulier de volle breedte. Een halve foto naast een smal formulier werkt niet op een telefoon. Dit voorbeeld draait in een venster van 390px, dus je ziet het echte gedrag — geen nagebootst kader.
Telefoon
venster 390pxZie de documentatie voor alle props.