Getting started

Introduction

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

1. Install the stylesheet and 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.
• 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 is red, the usual field error.
• 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.
• SliderA soft track and a handle. 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.