Story API Reference
Prop reference
| Title | Type | Default | Description |
|---|---|---|---|
| }* | PropsWithChildren<ListHeaderProps>) => { | – | - |
| 'dark* | text-foreground-200', | – | - |
| 'not-first-of-type* | mt-4', | – | - |
| title* | 'UI/Loader', | – | - |
| component* | Loader, | – | - |
| parameters* | { | – | - |
| layout* | 'centered', | – | - |
| tags* | ['autodocs'], | – | - |
| argTypes* | {}, | – | - |
| args* | {}, | – | - |
| Story* | StoryObj<typeof meta> export const Default: Story = { args: {}, } export const WithCaption: Story = { args: { caption: 'One sec...', }, } export const Row: Story = { args: { caption: 'One sec...', layout: 'row', }, } export const ShapedVariant: Story = { args: { variant: 'shaped', }, } export const SmallSize: Story = { args: { size: 'small', layout: 'row', variant: 'shaped', caption: 'Connecting to Bulb', }, } export const LargeSize: Story = { args: { size: 'large', variant: 'shaped', caption: 'Connecting to Bulb', }, } export const LargeSizeCssTest: Story = { args: { size: 'large', variant: 'shaped-css', caption: 'Connecting to Bulb', }, } export const Styled: Story = { args: { size: 'large', variant: 'shaped', caption: <TypographyMuted>Connecting</TypographyMuted>, }, } export const Indeterminate: Story = { args: { size: 'large', variant: 'loady-experimental', }, } import React, { cloneElement, CSSProperties, memo, ReactElement } from 'react' import { IconLoader2, IconPentagon, IconSquare, IconTriangle, } from '@tabler/icons-react' import { cn, IconSizes } from '../../lib/utils' import { Size } from '../../lib/types' import './loader-styles.css' // import { LoadyExperimental } from './loady-experimental' | – | - |
* Props marked with an asterisk are required.
CSS target reference
There are no corresponding CSS targets for this API.
Related APIs