button:
  label: Button
  namespace: Atoms/Form
  use: '@atoms/form/button/button.twig'
  description: Regular or outline buttons with different colors.
  fields:
    value:
      type: text
      label: value
      preview: Submit
    btn_type:
      type: text
      label: type
      preview: submit
    text:
      type: text
      label: Text
  settings:
    size:
      type: select
      required: true
      label: Size
      preview: md
      options:
        md: Normal
        sm: Small
        lg: Large
    expanded:
      type: boolean
      label: Expanded
    outline:
      type: boolean
      label: Outline
    status:
      type: select
      required: true
      label: Status
      preview: primary
      description: Choose your color
      options:
        default: Default Branded
        primary: Primary
        secondary: Secondary
        success: Success
        danger: Danger
        warning: Warning
        info: Info
        light: Light
        dark: Dark
        none: None
    url:
      type: url
      label: Url
      description: The action url of your button
    icon:
      type: select
      label: Icon
      description: Go with an icon alongside your text.
      options:
        fas fa-search: Search
        fas fa-chevron-up: Chevron up
        fas fa-chevron-down: Chevron down
        fas fa-chevron-left: Chevron left
        fas fa-chevron-right: Chevron right
        fas fa-map-signs: Map Signs
    icon_position:
      type: select
      label: Icon position
      description: Left or right your text.
      default_value: right
      options:
        left: Left
        right: Right
    tag:
      type: select
      label: HTML tag
      description: Button, input or 'a'
      default_value: button
      preview: button
      options:
        button: Button
        input: Input submit
        a: Link
    class:
      type: textfield
      label: Class
      description: Classes you may want to pass to the button
  variants:
    default:
      label: All settings
    normal:
      label: Deafult
      settings:
        outline: false
        status: default
    outline:
      label: Default outline
      settings:
        outline: true
        status: default
