We The Curious Developers

We The Curious Developers

  • Guidelines
  • CuriOs SDK
  • Software
  • Films
  • Art
  • Audio
  • Photography

›Components

Getting Started

  • Getting Started Overview
  • ClI
  • Working With Us

Technical

  • Hardware

Frames

  • Frames Overview
  • Info Panel
  • Media Browser
  • Touch to Start

Components

  • Components Overview
  • Box
  • Button
  • Card
  • Checkbox
  • Header
  • Heading
  • Hero
  • Icon
  • Text Input
  • Markdown Viewer
  • Modal
  • WTCProvider
  • Table
  • Text
  • Video Player
  • Calendar
  • Dropdown
  • InputAutoComplete
  • Radio
  • Sidebar
  • Slider
  • Notification
  • IconNavButton
  • IconSideBar
  • List
  • Tab
  • Title
  • Toggle
  • Value

Radio component

A component that handles radio buttons and grouping of radio buttons

Install

npm i @wethecurious/wtc-ui-library

Usage

Import it into your project

import { Radio, RadioGroup } from '@wethecurious/wtc-ui-library'

Prop

<RadioGroup
  onChange={this.onRadioChangeThree}
  ariaLabel='Aria label group'
>
  <Radio radioId='first' ariaLabel='first option' />
  <Radio radioId='second' ariaLabel='second option' />
  <Radio radioId='third' ariaLabel='third option   ' />
</RadioGroup>

RadioGroup

PropDescriptionDefault
labelIdSets the groups aria-labelledby value
ariaLabelSets the groups aria-label value
onChangeFunction called on radio button change, accepts the radio id param

Radio

PropDescriptionDefault
sizeDefines the size of the radio buttons
isOnSets the radio button on / offoff
backgroundColourSpecifies the background colour
checkedColourSpecifies the inner checkout circle colour
isOutlineDisplays or hides the radio outlinetrue
Last updated on 5/8/2019
← InputAutoCompleteSidebar →
  • Install
  • Usage
  • Prop
    • RadioGroup
    • Radio
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Copyright © 2020 We The Curious