Functions — github.com/davidhu2000/react-spinners

hub / github.com/davidhu2000/react-spinners / functions

Functions77 in github.com/davidhu2000/react-spinners

⨍ Functions 77 ◇ Types & classes 12

↓ 27 callersFunctioncssValue

(value: number | string)

src/helpers/unitConverter.ts:71

↓ 26 callersFunctioncreateAnimation

(loaderName: string, frames: string, suffix: string)

src/helpers/animation.ts:1

↓ 13 callersFunctionparseLengthAndUnit

(size: number | string)

src/helpers/unitConverter.ts:33

↓ 3 callersFunctioncalculateRgba

(color: string, opacity: number)

src/helpers/colors.ts:44

↓ 2 callersFunctioncopy

(text: string)

examples/useCopied.ts:7

↓ 2 callersFunctionsizeProps

(name: string, scale: number)

examples/loaderProps.ts:38

↓ 2 callersFunctionuseCopied

()

examples/useCopied.ts:4

↓ 1 callersFunctionballStyle

(i: number)

src/PacmanLoader.tsx:49

↓ 1 callersFunctionballStyle

(size: number)

src/MoonLoader.tsx:32

↓ 1 callersFunctionbuildSnippet

(name: string, { color, scale, speed }: SpinnerSettings)

examples/loaderProps.ts:48

↓ 1 callersFunctioncamelize

(string)

scripts/mod.rb:9

↓ 1 callersFunctiongetAnimationId

(color: string, size: number | string)

src/HashLoader.tsx:10

↓ 1 callersFunctionget_args

(content)

scripts/stories.rb:7

↓ 1 callersFunctionhandleRgbColorString

(color: string, opacity: number)

src/helpers/colors.ts:21

↓ 1 callersFunctionmount

(id: string, element: React.ReactElement)

examples/index.tsx:57

↓ 1 callersFunctionpacmanStyle

(i: number)

src/PacmanLoader.tsx:69

↓ 1 callersFunctionrandom

(top: number)

src/GridLoader.tsx:15

↓ 1 callersFunctionstaticLoaderCards

* The demo ships a static card per loader so the page is browsable with * JavaScript disabled, and so the grid holds its place until React renders *

vite.config.mjs:11

↓ 1 callersFunctionstyle

(i: number)

src/DotLoader.tsx:35

↓ 1 callersFunctionstyle

(i: number)

src/RiseLoader.tsx:43

↓ 1 callersFunctionstyle

(i: number)

src/PulseLoader.tsx:29

↓ 1 callersFunctionstyle

(i: number)

src/RotateLoader.tsx:42

↓ 1 callersFunctionstyle

(rand: number)

src/GridLoader.tsx:39

↓ 1 callersFunctionstyle

(i: number)

src/SyncLoader.tsx:31

↓ 1 callersFunctionstyle

(i: number)

src/PuffLoader.tsx:30

↓ 1 callersFunctionstyle

(i: number)

src/BarLoader.tsx:42

↓ 1 callersFunctionstyle

(i: number)

src/BounceLoader.tsx:23

↓ 1 callersFunctionstyle

(i: number)

src/RingLoader.tsx:39

↓ 1 callersFunctionstyle

(i: number)

src/PropagateLoader.tsx:77

↓ 1 callersFunctionstyle

(i: number)

src/HashLoader.tsx:67

↓ 1 callersFunctionstyle

(i: number)

src/FadeLoader.tsx:37

↓ 1 callersFunctionstyle

(i: number)

src/CircleLoader.tsx:31

↓ 1 callersFunctionstyle

(i: number)

src/ScaleLoader.tsx:32

↓ 1 callersFunctionstyle

(i: number)

src/BeatLoader.tsx:29

↓ 1 callersFunctionupdate

(partial: Partial<ControlValues>)

examples/index.tsx:25

FunctionBarLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, height = 4, width = 1

src/BarLoader.tsx:22

FunctionBeatLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/BeatLoader.tsx:15

FunctionBounceLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 60, ...additio

src/BounceLoader.tsx:15

FunctionCheckIcon

(props: IconProps)

examples/components/Icons.tsx:34

FunctionCircleLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 50, ...additio

src/CircleLoader.tsx:15

FunctionClimbingBoxLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, ...additio

src/ClimbingBoxLoader.tsx:25

FunctionClipLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 35, ...additio

src/ClipLoader.tsx:15

FunctionClockLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 50, ...additio

src/ClockLoader.tsx:11

FunctionColorPicker

({ color, onChange }: ColorPickerProps)

examples/components/ColorPicker.tsx:11

FunctionControls

({ values, onChange, onReset, resultCount, totalCount }: ControlsProps)

examples/components/Controls.tsx:21

FunctionCopyIcon

(props: IconProps)

examples/components/Icons.tsx:25

FunctionDotLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 60, ...additio

src/DotLoader.tsx:17

FunctionFadeLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, height = 15, width =

src/FadeLoader.tsx:11

FunctionGallery

The controls and the spinner grid. Everything around them is static HTML.

examples/index.tsx:13

FunctionGithubIcon

(props: IconProps)

examples/components/Icons.tsx:68

FunctionGridLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/GridLoader.tsx:17

FunctionHashLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 50, ...additio

src/HashLoader.tsx:21

FunctionHome

()

test-apps/nextjs/src/app/page.tsx:3

FunctionIcon

({ children, ...props }: IconProps)

examples/components/Icons.tsx:5

FunctionInstallCommand

()

examples/components/InstallCommand.tsx:17

FunctionMoonIcon

(props: IconProps)

examples/components/Icons.tsx:60

FunctionMoonLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 60, ...additio

src/MoonLoader.tsx:11

FunctionPacmanLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 25, margin = 2

src/PacmanLoader.tsx:22

FunctionPropagateLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, ...additio

src/PropagateLoader.tsx:61

FunctionPuffLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 60, ...additio

src/PuffLoader.tsx:14

FunctionPulseLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/PulseLoader.tsx:15

FunctionRingLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 60, ...additio

src/RingLoader.tsx:21

FunctionRiseLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/RiseLoader.tsx:9

FunctionRootLayout

({ children, }: { children: React.ReactNode })

test-apps/nextjs/src/app/layout.tsx:6

FunctionRotateLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/RotateLoader.tsx:15

FunctionScaleLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, height = 35, width =

src/ScaleLoader.tsx:15

FunctionSearchIcon

(props: IconProps)

examples/components/Icons.tsx:42

FunctionSkewLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 20, ...additio

src/SkewLoader.tsx:15

FunctionSpinnerCard

({ name, Spinner, settings }: SpinnerCardProps)

examples/components/SpinnerCard.tsx:16

FunctionSquareLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 50, ...additio

src/SquareLoader.tsx:18

FunctionSunIcon

(props: IconProps)

examples/components/Icons.tsx:51

FunctionSyncLoader

({ loading = true, color = "#000000", speedMultiplier = 1, cssOverride = {}, size = 15, margin = 2

src/SyncLoader.tsx:17

FunctionThemeToggle

()

examples/components/ThemeToggle.tsx:17

FunctionhandleKeyDown

(event: KeyboardEvent)

examples/components/ColorPicker.tsx:23

FunctionhandlePointerDown

(event: MouseEvent)

examples/components/ColorPicker.tsx:18

FunctionreadTheme

()

examples/components/ThemeToggle.tsx:9

FunctiontransformIndexHtml

(html)

vite.config.mjs:14