Rezi
Preparing search index...
core/src
styled
Function styled
styled
<
Kind
extends
"text"
|
"button"
,
Variants
extends
Record
<
string
,
VariantDefinition
<
string
>
>
,
>
(
kind
:
Kind
,
config
:
StyledConfig
<
Variants
>
,
)
:
(
props
:
(
Kind
extends
"button"
?
Readonly
<
{
accessibleLabel
?:
string
;
disabled
?:
boolean
;
dsSize
?:
WidgetSize
;
dsTone
?:
WidgetTone
;
dsVariant
?:
WidgetVariant
;
focusable
?:
boolean
;
focusConfig
?:
Readonly
<
{
animation
?:
FocusAnimation
;
contentStyle
?:
Readonly
<
{
bg
?:
...
;
blink
?:
...
;
bold
?:
...
;
dim
?:
...
;
fg
?:
...
;
inverse
?:
...
;
italic
?:
...
;
overline
?:
...
;
strikethrough
?:
...
;
underline
?:
...
;
underlineColor
?:
...
;
underlineStyle
?:
...
;
}
,
>
;
hintText
?:
string
;
indicator
?:
FocusIndicatorType
;
ringVariant
?:
FocusRingVariant
;
showHint
?:
boolean
;
style
?:
Readonly
<
{
bg
?:
...
;
blink
?:
...
;
bold
?:
...
;
dim
?:
...
;
fg
?:
...
;
inverse
?:
...
;
italic
?:
...
;
overline
?:
...
;
strikethrough
?:
...
;
underline
?:
...
;
underlineColor
?:
...
;
underlineStyle
?:
...
;
}
,
>
;
}
,
>
;
id
:
string
;
intent
?:
ButtonIntent
;
key
?:
string
;
label
:
string
;
onPress
?:
()
=>
void
;
pressedStyle
?:
Readonly
<
{
bg
?:
number
;
blink
?:
boolean
;
bold
?:
boolean
;
dim
?:
boolean
;
fg
?:
number
;
inverse
?:
boolean
;
italic
?:
boolean
;
overline
?:
boolean
;
strikethrough
?:
boolean
;
underline
?:
boolean
;
underlineColor
?:
string
|
number
;
underlineStyle
?:
UnderlineStyle
;
}
,
>
;
px
?:
number
;
style
?:
Readonly
<
{
bg
?:
number
;
blink
?:
boolean
;
bold
?:
boolean
;
dim
?:
boolean
;
fg
?:
number
;
inverse
?:
boolean
;
italic
?:
boolean
;
overline
?:
boolean
;
strikethrough
?:
boolean
;
underline
?:
boolean
;
underlineColor
?:
string
|
number
;
underlineStyle
?:
UnderlineStyle
;
}
,
>
;
}
,
>
:
{
text
:
string
}
)
&
VariantProps
<
Variants
>
,
)
=>
VNode
Type Parameters
Kind
extends
"text"
|
"button"
Variants
extends
Record
<
string
,
VariantDefinition
<
string
>
>
Parameters
kind
:
Kind
config
:
StyledConfig
<
Variants
>
Returns
(
props
:
(
Kind
extends
"button"
?
Readonly
<
{
accessibleLabel
?:
string
;
disabled
?:
boolean
;
dsSize
?:
WidgetSize
;
dsTone
?:
WidgetTone
;
dsVariant
?:
WidgetVariant
;
focusable
?:
boolean
;
focusConfig
?:
Readonly
<
{
animation
?:
FocusAnimation
;
contentStyle
?:
Readonly
<
{
bg
?:
...
;
blink
?:
...
;
bold
?:
...
;
dim
?:
...
;
fg
?:
...
;
inverse
?:
...
;
italic
?:
...
;
overline
?:
...
;
strikethrough
?:
...
;
underline
?:
...
;
underlineColor
?:
...
;
underlineStyle
?:
...
;
}
,
>
;
hintText
?:
string
;
indicator
?:
FocusIndicatorType
;
ringVariant
?:
FocusRingVariant
;
showHint
?:
boolean
;
style
?:
Readonly
<
{
bg
?:
...
;
blink
?:
...
;
bold
?:
...
;
dim
?:
...
;
fg
?:
...
;
inverse
?:
...
;
italic
?:
...
;
overline
?:
...
;
strikethrough
?:
...
;
underline
?:
...
;
underlineColor
?:
...
;
underlineStyle
?:
...
;
}
,
>
;
}
,
>
;
id
:
string
;
intent
?:
ButtonIntent
;
key
?:
string
;
label
:
string
;
onPress
?:
()
=>
void
;
pressedStyle
?:
Readonly
<
{
bg
?:
number
;
blink
?:
boolean
;
bold
?:
boolean
;
dim
?:
boolean
;
fg
?:
number
;
inverse
?:
boolean
;
italic
?:
boolean
;
overline
?:
boolean
;
strikethrough
?:
boolean
;
underline
?:
boolean
;
underlineColor
?:
string
|
number
;
underlineStyle
?:
UnderlineStyle
;
}
,
>
;
px
?:
number
;
style
?:
Readonly
<
{
bg
?:
number
;
blink
?:
boolean
;
bold
?:
boolean
;
dim
?:
boolean
;
fg
?:
number
;
inverse
?:
boolean
;
italic
?:
boolean
;
overline
?:
boolean
;
strikethrough
?:
boolean
;
underline
?:
boolean
;
underlineColor
?:
string
|
number
;
underlineStyle
?:
UnderlineStyle
;
}
,
>
;
}
,
>
:
{
text
:
string
}
)
&
VariantProps
<
Variants
>
,
)
=>
VNode
Settings
Member Visibility
Protected
Inherited
Theme
OS
Light
Dark
Rezi
Loading...