Float Label

Dashboard
Dashboard
UI Kit
UI Kit
- Form Layout
  Form Layout
- Input
  Input
- Float Label
  Float Label
- Invalid State
  Invalid State
- Button
  Button
- Table
  Table
- List
  List
- Tree
  Tree
- Panel
  Panel
- Overlay
  Overlay
- Menu
  Menu
- Message
  Message
- File
  File
- Chart
  Chart
- Media
  Media
- Misc
  Misc
Prime Blocks
Prime Blocks
- Free Blocks
  Free Blocks
- All Blocks
  All Blocks
Utilities
Utilities
- PrimeIcons
  PrimeIcons
- PrimeFlex
  PrimeFlex
Pages
Pages
- Crud
  Crud
- Calendar
  Calendar
- Chronoline
  Chronoline
- Landing
  Landing
- Login
  Login
- Invoice
  Invoice
- Help
  Help
- Error
  Error
- Not Found
  Not Found
- Access Denied
  Access Denied
- Empty
  Empty
Hierarchy
Hierarchy
- Submenu 1
  Submenu 1
  - Submenu 1.1
    Submenu 1.1
    - Link 1.1.1
      Link 1.1.1
    - Link 1.1.2
      Link 1.1.2
    - Link 1.1.3
      Link 1.1.3
  - Submenu 1.2
    Submenu 1.2
    - Link 1.2.1
      Link 1.2.1
- Submenu 2
  Submenu 2
  - Submenu 2.1
    Submenu 2.1
    - Link 2.1.1
      Link 2.1.1
    - Link 2.1.2
      Link 2.1.2
  - Submenu 2.2
    Submenu 2.2
    - Link 2.2.1
      Link 2.2.1
Start
Start
- Documentation
  Documentation
- Buy Now
  Buy Now

Float Label

All input text components support floating labels by adding ( .ui-float-label ) to wrapper class.

InputText

Left Icon

Right Icon

InputMask

InputNumber

InputGroup

AutoComplete

Datepicker

Textarea

Theme Customization

Poseidon offers different themes for layout, topbar, menu etc.

Menu Mode

Static

Overlay

Horizontal

Slim

Layout Mode

Light

Dark

Dim

Form Type

Outlined

Filled

Theme