globalbrain / sefirot

Global Brain Design System.
https://sefirot.globalbrains.com
MIT License
150 stars 12 forks source link

feat(indicator): add `<SIndicator>` component #534

Closed kiaking closed 5 months ago

kiaking commented 5 months ago

I've changed props a bit from the issue.

<SIndicator state="running" />
interface Props {
  size?: Size
  state: State
  mode?: Mode
}

type Size =
  | 'nano'
  | 'mini'
  | 'small'
  | 'medium'
  | 'large'
  | 'jumbo'

type State =
  | 'pending'
  | 'ready'
  | 'queued'
  | 'running'
  | 'completed'
  | 'failed'

type Mode =
  | 'colored'
  | 'monochrome'
Screenshot 2024-06-03 at 17 50 03
netlify[bot] commented 5 months ago

Deploy Preview for sefirot-story ready!

Name Link
Latest commit b474a27d9701553cdc612d2b262f13fac939b8f1
Latest deploy log https://app.netlify.com/sites/sefirot-story/deploys/665d8f4d55050700084934e6
Deploy Preview https://deploy-preview-534--sefirot-story.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 5 months ago

Deploy Preview for sefirot-docs ready!

Name Link
Latest commit b474a27d9701553cdc612d2b262f13fac939b8f1
Latest deploy log https://app.netlify.com/sites/sefirot-docs/deploys/665d8f4db4c9d30008000d11
Deploy Preview https://deploy-preview-534--sefirot-docs.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.