Getting started

Introduction

Soft controls for the markup on the page. Add btn, a color such as primary, and call startJellyfy() once.

1. Install jellyfy.css for every control, or the material, the motion, and the component files you use. Call startJellyfy() once.
2. Read Colors to see the defaults.
3. Open Button, or any component below, for the classes and the markup.

Components

• ButtonThe main action, with a soft press.
• Icon buttonThe same press, for an icon alone.
• Bump buttonA transparent close control. The lights stay on.
• InputA soft field. The label rests on the text line, then rises once you focus or type.
• MessageA short note under a control. With no color it uses the plain content color. A slot uses that solid.
• TextareaThe same field, when one line is not enough. It uses the input’s top spacing and grows down.
• SelectA native menu in the same soft field.
• CheckboxA small mark that fills when it is chosen.
• RadioOne choice in a group.
• SwitchOn and off, with the same soft travel.
• Range sliderA soft track and a thumb. The fill follows the input.
• AlertA status block. The icon sits on the first line, and the heading and body sit beside it.
• BadgeA small pill in any of the eight colors.
• CardA quiet panel. Add squish when it should press.
• DialogA real dialog element, with a jelly panel inside.