State Manager
ID:
box_bg
OFF
box_opacity
OFF
box_radius
OFF
box_min_size
OFF
box_max_size
OFF
box_margin
OFF
box_rotate
OFF
box_reset
OFF
box_text_size
OFF
Container Transform active
Container Transform active
Container Transform active
Background box_bg
Opacity box_opacity
Margin box_margin
Min Size box_min_size
Max Size box_max_size
Rotation box_rotate
Radius box_radius
Text Size box_text_size
text_fields
Container Transform active
Text Transform active
Reset All

Markdown Header

box_bg, box_opacity, box_min_size, box_max_size, box_rotate, box_radius, box_margin, box_text_size, box_reset
Reset box_reset
Icon Transform active
refresh
Container Transform active
Text Transform active
Text Size

Markdown Header

box_reset
box_text_size
Container Transform box_text_size
BG TOGGLE box_text_size
Container Transform active
Text Transform active
Background

Markdown Header

box_reset
box_bg
Container Transform box_bg
BG TOGGLE box_bg
Container Transform active
Text Transform active
Opacity

Markdown Header

box_reset
box_opacity
Container Transform box_opacity
OPACITY TOGGLE box_opacity
Container Transform active
Text Transform active
Radius

Markdown Header

box_reset
box_radius
Container Transform box_radius
RADIUS TOGGLE box_radius
Container Transform active
Text Transform active
Margin

Markdown Header

box_reset
box_margin
Container Transform box_margin
MARGIN TOGGLE box_margin
Container Transform active
Text Transform active
Min Size

Markdown Header

box_reset
box_min_size
Container Transform box_min_size
MIN SIZE TOGGLE box_min_size
Container Transform active
Text Transform active
Max Size

Markdown Header

box_reset
box_max_size
Container Transform box_max_size
MIN SIZE TOGGLE box_max_size
Container Transform active
Text Transform active
Rotation

Markdown Header

box_reset
box_rotate
Container Transform box_rotate
ROTATION TOGGLE box_rotate
Container Transform active
Text Transform active
Fluid – States & Transforms

Markdown Header

Text Transform active
Fluid – is a layout tool at it's core. It comes with all of the basic building blocks you need to create almost any layout you can image. But it doesn't stop there. What makes Fluid so magical is it's ability to control multiple **States**

What makes Fluid so magical and revolutionary is it's ability to control multiple States and then transform content based on whether or not those states are turned on or off.

Play with the toggles here and watch the Fluid Container transform!

Container Transform active
Container Transform active
Icon Transform active
settings_input_component
Text Transform active
States

Markdown Header

Text Transform active
Fluid – is a layout tool at it's core. It comes with all of the basic building blocks you need to create almost any layout you can image. But it doesn't stop there. What makes Fluid so magical is it's ability to control multiple **States**

Each of the properties listed in the box here (and more!) are connected to a State in the Fluid Layout stack. When a toggle is clicked, the state is triggered and turned ON or OFF.

Container Transform active
Container Transform active
Icon Transform active
swap_calls
Text Transform active
Transforms

Markdown Header

Text Transform active
Fluid – is a layout tool at it's core. It comes with all of the basic building blocks you need to create almost any layout you can image. But it doesn't stop there. What makes Fluid so magical is it's ability to control multiple **States**

All Fluid build stacks (Containers, Text, Icons, Buttons, Images) can have multiple transforms applied to them based on any State. For example… if the background_state is set to ON then the background of the container here will transform.