Skip to canvas
Uvodo Design
/
Welcome
Colors
Gradient
Shadow
Typography
Alert
AutoComplete
Badge
Breadcrumbs
Button
Checkbox
InputNumber
InputPassword
InputSearch
InputUrl
Input
LoaderSkip to canvas
Menu
Modal
Radio
Select
Separator
Skeleton
Tag
Textarea
Toast
Toggle
Tooltip
Editor
Icons
  1. Recently opened
  2. LoaderComponents
  3. Back to componentsESC
  4. Clear history
Skip to sidebar
This story is not configured to handle controls. Learn how to add controls
NameDescriptionDefaultControl
css
CSS<{ desktop: "(min-width: 1024px)"; laptop: "(min-width: 768px)"; tablet: "(min-width: 640px)"; largeMobile: "(min-width: 425px)"; mobile: "(min-width: 0px)"; }, { colors: { blueGradient: string; ... 180 more ...; black900: string; }; ... 7 more ...; sizes: { ...; }; }, DefaultThemeMap, {}>
--
isIndeterminate
Whether presentation is indeterminate when progress isn't known.
(boolean | "false" | ({ "@desktop"?: boolean | "false"; "@laptop"?: boolean | "false"; "@tablet"?: boolean | "false"; "@largeMobile"?: boolean | "false"; "@mobile"?: boolean | "false"; "@initial"?: boolean | "false"; } & { ...; })) & boolean
--
ref
Ref<HTMLSpanElement>
--
size
"medium" | "small" | "default" | ({ "@desktop"?: "medium" | "small" | "default"; "@laptop"?: "medium" | "small" | "default"; "@tablet"?: "medium" | "small" | "default"; "@largeMobile"?: "medium" | ... 1 more ... | "default"; "@mobile"?: "medium" | ... 1 more ... | "default"; "@initial"?: "medium" | ... 1 more ... | ...
--
speed
"fast" | "slow" | ({ "@desktop"?: "fast" | "slow"; "@laptop"?: "fast" | "slow"; "@tablet"?: "fast" | "slow"; "@largeMobile"?: "fast" | "slow"; "@mobile"?: "fast" | "slow"; "@initial"?: "fast" | "slow"; } & { ...; })
--
theme
"dark" | "light" | ({ "@desktop"?: "dark" | "light"; "@laptop"?: "dark" | "light"; "@tablet"?: "dark" | "light"; "@largeMobile"?: "dark" | "light"; "@mobile"?: "dark" | "light"; "@initial"?: "dark" | "light"; } & { ...; })
--
No interactions found
Learn how to add interactions to your story