globalbrain/sefirot

[ActionList] Add "disabled" feature

Closed this issue · 0 comments

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
}