1a:["$","section","ruler-filled",{"className":"rounded-2xl border border-border p-5","children":[["$","h2",null,{"className":"font-medium text-sm","children":"Filled"}],["$","code",null,{"className":"mt-1 block font-mono text-muted-foreground text-xs","children":"RulerFilledIcon"}],["$","div",null,{"className":"mt-5 flex flex-wrap items-end gap-4","children":[["$","div","12",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-3 [&_svg]:size-3","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":12}]]}],["$","div","16",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-4 [&_svg]:size-4","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":16}]]}],["$","div","20",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-5 [&_svg]:size-5","dangerouslySetInnerHTML":{"__html":"\n"}}]}],["$","span",null,{"className":"text-muted-foreground text-xs","children":20}]]}],["$","div","24",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"flex h-8 items-end","children":["$","div",null,{"className":"shrink-0 size-6 [&_svg]:size-6","dangerouslySetInnerHTML":{"__html":"\n"}}]}],"$L1f"]}],"$L20"]}],"$L21"]}]

Ruler icon

Outline

Filled

Import