globalbrain / sefirot

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

[ActionList] Add "disabled" feature #514

Closed kiaking closed 7 months ago

kiaking commented 7 months ago

It already has disabled option but it does nothing yet. Let's implement it!

Apply --c-text-3 color to both label and icon. Like this.

Screenshot 2024-04-05 at 18 18 48

And also add :tooltip prop as same as <SButton> so that we can display the reason why it is disabled.

interface Props {
  tooltip?: Tooltip
}

interface Tooltip {
  tag?: string
  text?: MaybeRef<string | null>
  position?: Position
  trigger?: 'hover' | 'focus' | 'both'
  timeout?: number
}