Options
All
  • Public
  • Public/Protected
  • All
Menu

External module "components/Radio/index"

Index

Interfaces

Type aliases

Variables

Functions

Type aliases

TypeProps

TypeProps: object

Type declaration

  • Optional as?: any
  • Optional checked?: boolean
  • Optional children?: ReactNode | Element
  • Optional childrenPosition?: "start" | "end"
  • Optional gapDistance?: number
  • Optional name?: string
  • Optional onChange?: function
      • (checked: boolean, event?: SyntheticEvent | any): void
      • Parameters

        • checked: boolean
        • Optional event: SyntheticEvent | any

        Returns void

  • Optional value?: any

Variables

Const RadioInput

RadioInput: string & StyledComponentBase<"input", any, __type, never> = styled.input`&:focus + svg rect {stroke: var(--ab-color-accent);stroke-width: 2;}&:focus + svg {outline: 2px solid var(--ab-color-accent);}&:checked + svg rect,&:checked + svg polyline {stroke: currentColor;}&:checked + svg polyline {animation: ${checked} 0.5s ease forwards;stroke-dasharray: 50;stroke-dashoffset: 50;}& input:focus {box-shadow: var(--ab-focus__box-shadow);outline: var(--ab-focus__outline);}`

Const checked

checked: Keyframes = keyframes`100% {stroke-dashoffset: 0;}`

Functions

Const Radio

  • Radio(__namedParameters: object): Element
  • Parameters

    • __namedParameters: object
      • as: any
      • checked: boolean
      • children: string | number | false | true | __type | ReactElement<any, string | function | object> | ReactNodeArray | ReactPortal | Element
      • childrenPosition: "start" | "end"
      • gapDistance: number
      • name: string
      • onChange: function
          • (checked: boolean, event?: SyntheticEvent | any): void
          • Parameters

            • checked: boolean
            • Optional event: SyntheticEvent | any

            Returns void

      • props: props
      • value: any

    Returns Element

Generated using TypeDoc