Bxdty

I want exact this section style but I am unable to add frame around it. Could you please help me? Here is my code snippet :

documentclass[10pt,a4paper,twoside]{report}

usepackage{blindtext}

usepackage{titlesec, blindtext, color}

definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}

titleformat{section}[hang]{Largebfseries}{thesectionhsptextcolor{seccolor}{|}hsp}{0pt}{Largebfseries}



begin{document}

    section{Section Name}

    blindtext

end{document}

Solution based on fbox, using textbar for the vertical bar, and with a variant for unnumbered sections (section*):

documentclass[10pt,a4paper,twoside]{report}

usepackage{xcolor}

usepackage[explicit]{titlesec}

usepackage{blindtext}



definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}



newcommand*{sectionFont}{%

  Largebfseries

}



% For section

titleformat{section}[block]{sectionFont}{}{0pt}{%

  fbox{thesection hsp textcolor{seccolor}{textbar}hsp #1}}



% For section*

titleformat{name=section, numberless}[block]{sectionFont}{}{0pt}{%

  fbox{#1}}



begin{document}

chapter{Some chapter}



section{Section title}



Foo bar.



section*{Unnumbered section}



blindtext

end{document}

If you want finer control than what fbox allows (fboxsep and fboxrule), using a tikzpicture environment for the frame is a good alternative.

You can have it with TikZ and explicit option of titlesec:

documentclass[10pt,a4paper,twoside]{report}

usepackage{blindtext}

usepackage[explicit]{titlesec}

usepackage{color}

usepackage{tikz}

definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}

titleformat{section}

    [hang]

    {Largebfseries}

    {}

    {0pt}

    {tikznode[draw]{Largebfseriesthesectionhsptextcolor{seccolor}{|}hsp#1};}

begin{document}

section{Section Name}

blindtext

end{document}

With very long section titles (with help from this question):

documentclass[10pt,a4paper,twoside]{report}

usepackage{blindtext}

usepackage[explicit]{titlesec}

usepackage{color}

usepackage{tikz}

usepackage{varwidth}

usepackage{calc}

tikzset{

    max width/.style args={#1}{

        execute at begin node={begin{varwidth}{#1}},

        execute at end node={end{varwidth}}

    }

}

definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}

titleformat{section}

    [hang]

    {Largebfseries}

    {}

    {0pt}

    {tikznode[draw,max width=textwidth-.6666em-.4pt]{Largebfseriesthesectionhsptextcolor{seccolor}{|}hsp#1};}

begin{document}

section{Section Name}

blindtext

section{This is a very long section name that has to be broken into two lines}

end{document}

If you want to have "|" instead of "—", as in the attached figure, you can use textbar:

documentclass[10pt,a4paper,twoside]{report}

usepackage{blindtext}

usepackage[explicit]{titlesec}

usepackage{color}

usepackage{tikz}

usepackage{varwidth}

usepackage{calc}

tikzset{

    max width/.style args={#1}{

        execute at begin node={begin{varwidth}{#1}},

        execute at end node={end{varwidth}}

    }

}

definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}

titleformat{section}

    [hang]

    {Largebfseries}

    {}

    {0pt}

    {tikznode[draw,max width=textwidth-.6666em-.4pt]{Largebfseriesthesectionhsptextcolor{seccolor}{textbar}hsp#1};}

begin{document}

section{Section Name}

blindtext

end{document}

However, a vertical line like this is much better I think.

documentclass[10pt,a4paper,twoside]{report}

usepackage{blindtext}

usepackage[explicit]{titlesec}

usepackage{color}

usepackage{tikz}

usepackage{varwidth}

usepackage{calc}

usetikzlibrary{positioning}

tikzset{

    max width/.style args={#1}{

        execute at begin node={begin{varwidth}{#1}},

        execute at end node={end{varwidth}}

    }

}

definecolor{seccolor}{RGB}{41,48,57}

newcommand{hsp}{hspace{8pt}}

titleformat{section}

    [hang]

    {Largebfseries}

    {}

    {0pt}

    {tikz[font=Largebfseries]{node[draw,minimum height=.75cm] (x) {thesection};node[minimum height=.75cm,below right=0pt and 0pt of x.north west,draw,max width=textwidth-.6666em-.4pt]{hspace{.3333em}phantom{thesection}hspace{.3333em}#1};}}

begin{document}

section{Section Name}

blindtext

section{This is a very long section name that has to be broken into two lines}

end{document}