Skip to main content

ui_storybook/components/primitives/
chevron_down.rs

1//! Lucide-style chevron-down SVG. Paints with `currentColor`.
2
3use leptos::prelude::*;
4
5#[component]
6pub fn ChevronDown(
7    /// Pixel size — sets both `width` and `height`. Defaults to 18.
8    #[prop(optional)]
9    size: Option<u16>,
10) -> impl IntoView {
11    let size = size.unwrap_or(18);
12    view! {
13        <svg
14            class="chevron-down"
15            width=size
16            height=size
17            viewBox="0 0 24 24"
18            fill="none"
19            stroke="currentColor"
20            stroke-width="2"
21            stroke-linecap="round"
22            stroke-linejoin="round"
23            aria-hidden="true"
24        >
25            <path d="m6 9 6 6 6-6" />
26        </svg>
27    }
28}