Input

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

New Component*

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Search in Menu
Labeled Inside
unverified
Verified
Active
Code
  • //Search Filter
  • ui menu
  • item search filter
  • ui search
  • ui icon input
  • input(type="text" placeholder="Search...")
  • icon search
  • //Labeled Inside
  • ui right labeled inside input
  • input(type="text" placeholder="Input)
  • ui label
Text

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • //Default
  • ui input
  • input(type="text" placeholder="Default")
  • //Disabled
  • ui disabled input
  • input(type="text" placeholder="Disabled")
Icon

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • //Left Icon
  • ui left icon input
  • input(type="text" placeholder="Search...")
  • icon search
  • //Right Icon
  • ui icon input
  • input(type="text" placeholder="Search...")
  • icon search
Labeled

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
http://
kg
Code
  • //Left Labeled
  • ui left labeled input
  • ui label
  • input(type="text" placeholder="Search...")
  • //Right Labeled
  • ui right labeled input
  • input(type="text" placeholder="Search...")
  • ui label
Transparent

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • ui transparent input
  • input(type="text" placeholder="Transparent")
Sizes

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • //Small Input
  • ui small input
  • input(type="text" placeholder="Small)
  • //Other Sizes
  • ui medium input, ui large input, ui big input

© 2017 B3Networks.