open-consul/ui/packages/consul-ui/app/components/radio-group
2021-06-23 09:19:35 +01:00
..
index.hbs ui: Move to Workspaced Structure (#8994) 2020-10-21 15:23:16 +01:00
index.js ui: Move to Workspaced Structure (#8994) 2020-10-21 15:23:16 +01:00
index.scss ui: Colocate old base components into our app/component folder (#10275) 2021-05-26 15:08:57 +01:00
layout.scss ui: Colocate old base components into our app/component folder (#10275) 2021-05-26 15:08:57 +01:00
pageobject.js ui: Move to Workspaced Structure (#8994) 2020-10-21 15:23:16 +01:00
README.mdx ui: Colocate remaining CSS components to the app/components folder (#10328) 2021-06-23 09:19:35 +01:00
skin.scss ui: Colocate old base components into our app/component folder (#10275) 2021-05-26 15:08:57 +01:00

---
class: ember
state: needs-love
---
# radio-group

A component for creating horizontally laid out radio groups. It seems like we
do not use the Ember component at all, but we do use the CSS component here,
so we should look at this and decide exactly what to use, and whether it needs
refactoring/deprecating.

```hbs preview-template
<RadioGroup @items={{
  array
  (hash
    key="value-1"
    value="Value 1"
  )
  (hash
    key="value-2"
    value="Value 2"
  )
}} />
```


```css
[role="radio-group"] {
  @extend %radio-group;
}
```