Skip to content

Commit 6ed7179

Browse files
feat: add description list column fill example
1 parent d9f07df commit 6ed7179

2 files changed

Lines changed: 19 additions & 0 deletions

File tree

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
html!{
2+
<>
3+
<DescriptionList fill_columns={true}>
4+
<DescriptionGroup term="Name">{"Example"}</DescriptionGroup>
5+
<DescriptionGroup term="Namespace">
6+
<a href="#">{"mary-test"}</a>
7+
</DescriptionGroup>
8+
<DescriptionGroup term="Labels">{"example"}</DescriptionGroup>
9+
<DescriptionGroup term="Pod selector">
10+
<Button variant={ButtonVariant::InlineLink} icon={Icon::PlusCircle}>
11+
{"app=MyApp"}
12+
</Button>
13+
</DescriptionGroup>
14+
<DescriptionGroup term="Annotation">{"2 Annotations"}</DescriptionGroup>
15+
</DescriptionList>
16+
</>
17+
}

src/components/description_list/mod.rs

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ pub fn description_list() -> Html {
99
let example2 = example! ("DescriptionList (compact)" => "description_list.2.example");
1010
let example3 = example! ("DescriptionList (horizontal)" => "description_list.3.example");
1111
let example4 = example! ("DescriptionList (fluid)" => "description_list.4.example");
12+
let example5 = example! ("DescriptionList (column fill)" => "description_list.5.example");
1213

1314
html! {
1415
<>
@@ -17,6 +18,7 @@ pub fn description_list() -> Html {
1718
{ example2 }
1819
{ example3 }
1920
{ example4 }
21+
{ example5 }
2022
</ExamplePage>
2123
</>
2224
}

0 commit comments

Comments
 (0)