Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

30 lines
749 B

  1. ---
  2. name: Radio Button
  3. menu: Components
  4. ---
  5. import { Playground, Props, Link } from 'docz'
  6. import RadioButton from './RadioButton'
  7. # Radio Button
  8. Component for values which are to be selected from a few list of options.
  9. <Playground>
  10. <div style={{ margin: '1rem 0' }}>
  11. <RadioButton name="flavor" label="Chocolate" />
  12. </div>
  13. <div style={{ margin: '1rem 0' }}>
  14. <RadioButton name="flavor" label="Vanilla" />
  15. </div>
  16. </Playground>
  17. ## Props
  18. <Props of={RadioButton} />
  19. ## See Also
  20. - <Link to="../lib-components-checkbox-checkbox">Checkbox</Link> for a similar component on selecting values among very few choices.
  21. - <Link to="../lib-components-select-select">Select</Link> for a similar component suitable for selecting more values.