Boolean
$tree-disable-everything: false !default;
Boolean
$tree-disable-expander-left: false !default;
Boolean
$tree-disable-expander-left-as-media: false !default;
Boolean
$tree-disable-expander-left-as-media-offset: false !default;
Boolean
$tree-disable-selected-background-color: false !default;
Number
$tree-item-padding-base: list.$item-horizontal-padding !default;
Number
$tree-item-padding-incrementor: calc(list.$item-horizontal-padding * 1.5) !default;
Number
$tree-expander-right-from: icon.$rotate-from !default;
Number
$tree-expander-right-to: 90deg !default;
Number
$tree-expander-left-from: 0deg !default;
Number
$tree-expander-left-to: -90deg !default;
Map
$tree-selected-styles: (
font-weight: typography.$font-weight-bold,
) !default;
List
$tree-variables: (depth, item-padding, item-padding-base, item-padding-incrementor);
String
$tree-item-padding: calc(
get-var(depth) * get-var(item-padding-incrementor) +
get-var(item-padding-base)
) !default;
mixin
@mixin set-var($name, $value) { … }
mixin
@mixin use-var($property, $name: $property, $fallback: null) { … }
mixin
@mixin variables { … }
mixin
@mixin styles($disable-layer: false) { … }
function
@function get-var($name, $fallback: null) { … }
String
Set to true
to disable all the styles
Set to true
to disable displaying the TreeItem
expander to the left instead of the right.
Set to true
to disable displaying the TreeItem
expander to the left instead of the right.
Set to true
if the TreeItem
will never need to set the leftAddonType
to media
or large-media
.
Set to true
to disable applying the default interaction selected background color while a TreeItem
is selected.
The default horizontal padding to apply to a TreeItem
The additional amount of padding to apply to each TreeItem
that is not rendered at the root.
The default TreeItemExpander
rotation starting position when rendered as a rightAddon
.
The default TreeItemExpander
rotation ending position when rendered as a
rightAddon
.
The default TreeItemExpander
rotation starting position when rendered as a leftAddon
.
The default TreeItemExpander
rotation ending position when rendered as a
leftAddon
.
The default styles to apply when a TreeItem
has been selected.
The available configurable css variables and mostly used internally for the
get-var
, set-var
, and use-var
utils.
The padding-left to apply to each TreeItem
.
The supported variable name
The value to set the variable to. Supports null
which will just be a no-op.
The css property to apply the variable to
The supported variable name
An optional fallback value if the variable has not been set
Conditionally applies the css variables based on feature flags
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior
a var()
statement
The supported variable name
An optional fallback value