PHP UI Kit

Form

Input

Input sizes

Input states

Input with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Input with addons

€
@site.com
€
,00

Note: Everything can be combined, but in some cases you need to add your own css.

€
€

Select

Select sizes

Select states

Select with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Select multiple

Textarea

Textarea with feedback & help text

Please enter text
Text must be 10-100 characters long
Please enter text
Text must be 10-100 characters long

Checkbox

Multiple checkboxes

Example checkboxes
Example radio checkboxes

Checkbox states

Checkbox with feedback & help text

Please check this
Text..
Please check this
Text...

Checkbox with feedback & help text - multiple

Error checkbox with text - multiple
Please check this
Checkbox with help text - multiple
Text..
Radio with feedback and help text - multiple
Please check this
Text...

Components

Accordion

Accordion Item #1

This is the first item's accordion body.

This is the second item's accordion body.

Alert

Badge

DefaultPrimarySuccessWarningErrorInfoRounded
  1. Link 1
  2. Link 2
  1. Link 1
  2. Link 2

Button

Link

ButtonGroup

Link
Link
Link

Card

Header
Body
Footer

Title

Sub title

Text

Example image
Card body

Note: Dark variant might not be available for all frameworks.

  • Link 1
  • Item
  • Custom bold text
Dropdown button as link

ListGroup

Item 1
Item 2
Item 3
Link1 Link2 Link3
Item 1
Item 2
Link

Note: Dark variant might not be available for all frameworks.

Note: Some variants (e.g. fullscreen) might not be available for all frameworks.

Pagination

Progress

40%
example 43%
13%
30%
50%
First 15%
Second 30%
Third 55%
20%
75%

Tabs

Content 1
Content 2
Content 3