Radio React Component

    • / **F7Radio**
    EventDescription
    <Radio> events
    changeEvent will be triggered when radio input state changed
    1. <BlockTitle>Inline</BlockTitle>
    2. <Block strong>
    3.   <p>Lorem <Radio name="demo-radio-inline" value="inline-1"/> ipsum dolor sit amet, consectetur adipisicing elit. Alias beatae illo nihil aut eius commodi sint eveniet aliquid eligendi <Radio name="demo-radio-inline" value="inline-2" defaultChecked /> ad delectus impedit tempore nemo, enim vel praesentium consequatur nulla mollitia!</p>
    4. </Block>
    6. <BlockTitle>Radio Group</BlockTitle>
    7. <List>
    8.   <ListItem radio title="Books" name="demo-radio" value="Books" defaultChecked></ListItem>
    9.   <ListItem radio title="Movies" value="Movies" name="demo-radio"></ListItem>
    10.   <ListItem radio title="Food" value="Food" name="demo-radio"></ListItem>
    11.   <ListItem radio title="Drinks" value="Drinks" name="demo-radio"></ListItem>
    12. </List>
    14. <BlockTitle>With Media Lists</BlockTitle>
    16.   <ListItem
    17.     radio
    18.     defaultChecked
    19.     name="demo-media-radio"
    20.     value="1"
    21.     title="Facebook"
    22.     after="17:14"
    23.     subtitle="New messages from John Doe"
    24.     text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus."
    25.   ></ListItem>
    26.   <ListItem
    27.     radio
    28.     name="demo-media-radio"
    29.     value="2"
    30.     title="John Doe (via Twitter)"
    31.     after="17:11"
    32.     subtitle="John Doe (@_johndoe) mentioned you on Twitter!"
    34.   <ListItem
    35.     radio
    36.     name="demo-media-radio"
    37.     value="3"
    38.     title="Facebook"
    39.     after="16:48"
    40.     subtitle="New messages from John Doe"
    41.     text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus."
    42.   ></ListItem>
    43.   <ListItem
    44.     radio
    45.     name="demo-media-radio"
    46.     value="4"
    47.     title="John Doe (via Twitter)"
    48.     after="15:32"
    49.     subtitle="John Doe (@_johndoe) mentioned you on Twitter!"
    50.     text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus."
    51.   ></ListItem>