svantic/elements/button/button.svelte.d.ts

A set of Fomantic-UI components for Svelte framework

import { SvelteComponentTyped } from 'svelte/internal'
import type { Size, Float, Color, Attach, Loading } from '../../variations'
import type { Component, DOMEvents } from '../../component'
import type { Icons } from '../icon/icon'
import Content from './content.svelte'
import Or from './or.svelte.svelte'

declare type State = 'active' | 'disabled' | 'loading'

declare type Social =
  | 'youtube'
  | 'instagram'
  | 'linkedin'
  | 'vk'
  | 'google'
  | 'twitter'
  | 'facebook'
  | 'google plus'
  | 'whatsapp'
  | 'telegram'

export interface ButtonProps extends Component {
  size?: Size
  color?: Color
  state?: State
  social?: Social
  floated?: boolean | Float
  labeled?: boolean | Float
  attached?: Attach
  animated?: true | 'fade' | 'vertical'
  icon?: true | Icons
  fluid?: boolean
  toggle?: boolean
  compact?: boolean
  positive?: boolean
  negative?: boolean
  inverted?: boolean
  circular?: boolean
  basic?: boolean
  primary?: boolean
  secondary?: boolean
  tertiary?: boolean
  disabled?: boolean
  active?: boolean
  loading?: boolean | Loading
  tabIndex?: number
  as?: 'div' | 'button'
  type?: 'submit' | 'reset' | 'button' | 'menu'
  tabIndex?: number
}
/**
 * @description Svantic Button
 */
declare class Button extends SvelteComponentTyped<
  ButtonProps,
  { click: MouseEvent }
> {
  static Content: new () => Content
  static Or: new () => Or
}
export default Button