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

This is the first item's accordion body.
This is the second item's accordion body.

Alert

Badge

DefaultPrimarySuccessWarningErrorInfoRounded

Button

Link

ButtonGroup

Link
Link
Link

Card

Header
Body

Title

Sub title

Text

Example image
Card body

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

ListGroup

Item 1
Item 2
Item 3
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