Name:
o/Form/Form-examples.njk
Variants:
-primary
-secondary
-contrast
Default Radio
Radio checked
Radio disabled + checked
Radio disabled
Fieldset Example
Radio 5
Radio 6
Radio 7
Radio 8
Label
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Password
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, in, inventore aperiam quos est autem nesciunt dicta obcaecati tenetur asperiores eaque rerum, deserunt dolores! Laborum harum est dolorem molestias reiciendis!
Label
Label
*
Label
Label
Label
Label
Lorem ipsum<br>dolor sit
Default Radio
Radio checked
Radio disabled + checked
Radio disabled
Fieldset Example
Radio 5
Radio 6
Radio 7
Radio 8
Label
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Password
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, in, inventore aperiam quos est autem nesciunt dicta obcaecati tenetur asperiores eaque rerum, deserunt dolores! Laborum harum est dolorem molestias reiciendis!
Label
Label
*
Label
Label
Label
Label
Lorem ipsum<br>dolor sit
Default Radio
Radio checked
Radio disabled + checked
Radio disabled
Fieldset Example
Radio 5
Radio 6
Radio 7
Radio 8
Label
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Password
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae omnis labore consequatur distinctio provident voluptatum nisi recusandae quod asperiores quo, architecto cum nesciunt nemo, vel minima possimus et blanditiis numquam, cupiditate deserunt fugit delectus earum ducimus alias! Quam atque laborum tempore alias magnam tenetur fuga facere totam, harum, ipsa sit!
Label
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Label
Option 1
Option 2
Option 3
Option 4
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Option 1
Option 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, voluptatem.
Option 4
Label
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab, in, inventore aperiam quos est autem nesciunt dicta obcaecati tenetur asperiores eaque rerum, deserunt dolores! Laborum harum est dolorem molestias reiciendis!
Label
Label
*
Label
Label
Label
Label
Lorem ipsum<br>dolor sit